{
  "id": "03f258e51952cf21264c632d",
  "source": "solid:signals",
  "type": "github-document",
  "title": "netlify",
  "content": "---\ntitle: Netlify\norder: 4\nmainNavExclude: true\nuse_cases: \u003e-\n  static site hosting, continuous deployment, git integration, web publishing,\n  jamstack hosting\ntags:\n  - netlify\n  - deployment\n  - hosting\n  - git\n  - cli\n  - static\nversion: '1.0'\ndescription: \u003e-\n  Deploy Solid apps to Netlify with automatic builds from Git, instant\n  rollbacks, and powerful deployment features included.\n---\n\n[Netlify](https://www.netlify.com/) is a widely-used hosting platform suitable for various types of projects.\nFor detailed guidance on build procedures, deployment options, and the range of features available, you can visit the [Netlify documentation](https://docs.netlify.com/).\n\n## Using the Netlify web interface\n\n1. Begin by navigating to [Netlify's website](https://app.netlify.com/) and logging in or creating a new Netlify.\n   Once logged in, you will be take to your dashboard. Click the `New site from Git` button to start a new project.\n\n\u003cEraserLink\n\thref=\"https://app.eraser.io/workspace/w9y9PNVjwSqDCEPNTEoe?elements=VMzcD7r0uwLqgogfyqiZZg\"\n\tpreview=\"https://app.eraser.io/workspace/w9y9PNVjwSqDCEPNTEoe/preview?elements=VMzcD7r0uwLqgogfyqiZZg\u0026type=embed\"\n/\u003e\n\n2.  On the following page, choose \"Connect to GitHub\" or your preferred Git repository hosting service.\n\n\u003cEraserLink\n\thref=\"https://app.eraser.io/workspace/w9y9PNVjwSqDCEPNTEoe?elements=JZWtWwyL9QwUqu6pu4YnZg\"\n\tpreview=\"https://app.eraser.io/workspace/w9y9PNVjwSqDCEPNTEoe/preview?elements=JZWtWwyL9QwUqu6pu4YnZg\u0026type=embed\"\n/\u003e\n\n3. After selecting your Solid project repository, you'll be directed to a configuration screen.\n   Update the \"Publish directory\" field from `netlify` to `dist`. Then, click \"Deploy\" to start the deployment process.\n\n\u003cEraserLink\n\thref=\"https://app.eraser.io/workspace/w9y9PNVjwSqDCEPNTEoe?elements=EIP0vYfg7GSc_PElbGGuXA\"\n\tpreview=\"https://app.eraser.io/workspace/w9y9PNVjwSqDCEPNTEoe/preview?elements=EIP0vYfg7GSc_PElbGGuXA\u0026type=embed\"\n/\u003e\n\n4. Once the build and deployment are complete, you will be taken to a screen that displays the URL of your live site.\n\n## Using the Netlify CLI\n\n1. Install the Netlify CLI using your preferred package manager:\n\n```package-install-global\nnetlify-cli\n```\n\n**Note:**\nBefore proceeding, ensure that your Netlify account and team are fully set up.\nThis is crucial for a seamless project setup and deployment.\n\n2. Open your terminal, navigate to your project directory, and run the `netlify init` command.\n   Authenticate using one of the supported login options.\n\n3. Follow the on-screen instructions from the CLI. When prompted for the 'Directory to deploy,' specify `dist` — this is where Solid stores the built project files.\n\nAfter completing the process, your project will be deployed on Netlify and can be accessed via the provided URL.\n\n\u003cEraserLink\n\thref=\"https://app.eraser.io/workspace/w9y9PNVjwSqDCEPNTEoe?elements=GFp0g1qxMv214z7vjKVYjw\"\n\tpreview=\"https://app.eraser.io/workspace/w9y9PNVjwSqDCEPNTEoe/preview?elements=GFp0g1qxMv214z7vjKVYjw\u0026type=embed\"\n/\u003e",
  "url": "https://github.com/solidjs/solid-docs/blob/HEAD/src/routes/guides/deployment-options/netlify.mdx",
  "metadata": {
    "path": "src/routes/guides/deployment-options/netlify.mdx",
    "repo": "solidjs/solid-docs",
    "repo_url": "https://github.com/solidjs/solid-docs.git",
    "size": 3002,
    "source_type": "github"
  },
  "hash": "9a445638c9e1a359c842665e71e82be9688479a93272bf7d959560ca99d7f349",
  "timestamp": "2026-02-23T11:43:00.187520563+01:00"
}