{
  "id": "fddbebfd7a147407db7b7fe1",
  "source": "solid:signals",
  "type": "github-document",
  "title": "firebase",
  "content": "---\ntitle: Firebase\norder: 3\nmainNavExclude: true\nuse_cases: \u003e-\n  google cloud hosting, static hosting, firebase integration, web app\n  deployment, production hosting\ntags:\n  - firebase\n  - google\n  - deployment\n  - hosting\n  - cli\n  - static\nversion: '1.0'\ndescription: \u003e-\n  Host your Solid application on Firebase with Google's infrastructure for\n  reliable static site hosting and easy deployment.\n---\n\n[Firebase](https://firebase.google.com/) is an all-in-one app development platform by Google, offering a range of services from real-time databases to user authentication.\nFor a detailed overview of the services available, you can visit [Firebase's documentation](https://firebase.google.com/docs).\n\nBefore proceeding, make sure you've already set up a project in your Firebase console.\nIf you haven't, you can follow [Firebase's official guide](https://firebase.google.com/docs/projects/learn-more#creating-cloud-projects) to create a new Firebase project.\n\n## Using the Firebase CLI Tool\n\n1. Use your preferred package manager to install the Firebase command-line tool with one of the following commands:\n\n```package-install-global\nfirebase-tools\n```\n\n2. Execute the `firebase login` command to ensure that you're logged into the Firebase account associated with your project.\n\n3. In the root directory of your Solid project, create two new files: `firebase.json` and `.firebaserc`.\n\n- In `firebase.json`, add the following code:\n\n```json\n{\n\t\"hosting\": {\n\t\t\"public\": \"dist\",\n\t\t\"ignore\": []\n\t}\n}\n```\n\n- In `.firebaserc`, insert the following code (replace `\u003cYOUR_FIREBASE_PROJECT_ID\u003e` with your Firebase project ID):\n\n```bash frame=\"none\"\n{\n  \"projects\": {\n    \"default\": \"\u003cYOUR_FIREBASE_PROJECT_ID\u003e\"\n  }\n}\n```\n\n4. Run `npm run build` , followed by `firebase deploy` to build and deploy your project.\n\nUpon completion, a `Hosting URL` will be displayed, indicating the live deployment of your project.\n\n\u003cEraserLink\n\thref=\"https://app.eraser.io/workspace/w9y9PNVjwSqDCEPNTEoe?elements=YncoDoKDPPVyet1EOrsa_w\"\n\tpreview=\"https://app.eraser.io/workspace/w9y9PNVjwSqDCEPNTEoe/preview?elements=YncoDoKDPPVyet1EOrsa_w\u0026type=embed\"\n/\u003e",
  "url": "https://github.com/solidjs/solid-docs/blob/HEAD/src/routes/guides/deployment-options/firebase.mdx",
  "metadata": {
    "path": "src/routes/guides/deployment-options/firebase.mdx",
    "repo": "solidjs/solid-docs",
    "repo_url": "https://github.com/solidjs/solid-docs.git",
    "size": 2133,
    "source_type": "github"
  },
  "hash": "15a5fab2329478e9fc8ee0417f773229a727885b8159876c4cea6bbbb335a8de",
  "timestamp": "2026-02-23T11:43:00.187476921+01:00"
}