{
  "id": "8a691890870ad114491c6e7e",
  "source": "solid:signals",
  "type": "github-document",
  "title": "vercel",
  "content": "---\ntitle: Vercel\norder: 6\nmainNavExclude: true\nuse_cases: \u003e-\n  deploying to production, hosting solid apps, ci/cd setup, automatic\n  deployments, serverless functions\ntags:\n  - deployment\n  - hosting\n  - vercel\n  - production\n  - ci/cd\n  - serverless\nversion: '1.0'\ndescription: \u003e-\n  Deploy SolidStart apps to Vercel with automatic builds, serverless functions,\n  and GitHub integration for seamless production hosting.\n---\n\n[Vercel](https://vercel.com/) is a widely-used platform specialized in hosting frontend projects.\nFor detailed information regarding build and deployment instructions, as well as features they offer, please visit the [Vercel documentation](https://vercel.com/docs).\n\n## Using Vercel web interface\n\n1. Navigate to [vercel.com/login](https://vercel.com/login) to log in or create a new account.\n   Connect with your preferred Git repository hosting service.\n\n\u003cEraserLink\n\thref=\"https://app.eraser.io/workspace/w9y9PNVjwSqDCEPNTEoe?elements=0mwBl275l6WC3YD5Uz_IcQ\"\n\tpreview=\"https://app.eraser.io/workspace/w9y9PNVjwSqDCEPNTEoe/preview?elements=0mwBl275l6WC3YD5Uz_IcQ\u0026type=embed\"\n/\u003e\n\n2. Once on the dashboard, click the button at the top right corner and choose \"Add New Project.\"\n   On the next page, select \"Continue with GitHub\" or your preferred Git service.\n\n\u003cEraserLink\n\thref=\"https://app.eraser.io/workspace/w9y9PNVjwSqDCEPNTEoe?elements=QhW5b3iEbwyWzJ5fhUDrZw\"\n\tpreview=\"https://app.eraser.io/workspace/w9y9PNVjwSqDCEPNTEoe/preview?elements=QhW5b3iEbwyWzJ5fhUDrZw\u0026type=embed\"\n/\u003e\n\n3. You will then see with a list of your repositories.\n   Use the search bar if needed to find the specific repository you want to deploy.\n   Click the \"Import\" button to proceed.\n\n4. After importing your Solid project repository, you will be taken to a configuration screen.\n   If your project requires any environment variables, add them in the designated field.\n   Click \"Deploy\" to start the deployment process.\n\n\u003cEraserLink\n\thref=\"https://app.eraser.io/workspace/w9y9PNVjwSqDCEPNTEoe?elements=_OhHyCQRVxMqXdCkkTE3nw\"\n\tpreview=\"https://app.eraser.io/workspace/w9y9PNVjwSqDCEPNTEoe/preview?elements=_OhHyCQRVxMqXdCkkTE3nw\u0026type=embed\"\n/\u003e\n\n5. Once the build and deployment are finished, you will be redirected to a screen that displays a screenshot of your live site.\n\n\u003cEraserLink\n\thref=\"https://app.eraser.io/workspace/w9y9PNVjwSqDCEPNTEoe?elements=hAbTtvs_2l4xDqySVYsiVA\"\n\tpreview=\"https://app.eraser.io/workspace/w9y9PNVjwSqDCEPNTEoe/preview?elements=hAbTtvs_2l4xDqySVYsiVA\u0026type=embed\"\n/\u003e\n\n## Using the Vercel CLI\n\n1. Install the Vercel CLI using your preferred package manager.\n\n```package-install-global\nvercel\n```\n\n2. Open your terminal, navigate to your project directory, and run the following command to log in:\n\n```bash frame=\"none\"\nvercel\n```\n\n3. Follow the on-screen instructions from the CLI to finalize the deployment.\n   Once completed, your project will be live on Vercel and accessible via the provided URL.",
  "url": "https://github.com/solidjs/solid-docs/blob/HEAD/src/routes/guides/deployment-options/vercel.mdx",
  "metadata": {
    "path": "src/routes/guides/deployment-options/vercel.mdx",
    "repo": "solidjs/solid-docs",
    "repo_url": "https://github.com/solidjs/solid-docs.git",
    "size": 2937,
    "source_type": "github"
  },
  "hash": "c6599a1205998300d564ff1a8257c64d745837ebb5b2fca05517ccd0a7a45844",
  "timestamp": "2026-02-23T11:43:00.187644476+01:00"
}