Deploy your Astro Site to Google’s Firebase Hosting
Firebase Hosting is a service provided by Google’s Firebase app development platform, which can be used to deploy an Astro site.
See our separate guide for adding Firebase backend services such as databases, authentication, and storage.
Project Configuration
Section titled Project ConfigurationYour Astro project can be deployed to Firebase as a static site, or as a server-side rendered site (SSR).
Static Site
Section titled Static SiteYour Astro project is a static site by default. You don’t need any extra configuration to deploy a static Astro site to Firebase.
Adapter for SSR
Section titled Adapter for SSRTo enable SSR in your Astro project and deploy on Firebase add the Node.js adapter.
How to deploy
Section titled How to deploy-
Install the Firebase CLI. This is a command-line tool that allows you to interact with Firebase from the terminal.
Terminal window npm install firebase-toolsTerminal window pnpm add firebase-toolsTerminal window yarn add firebase-tools -
Authenticate the Firebase CLI with your Google account. This will open a browser window where you can log in to your Google account.
Terminal window npx firebase loginTerminal window pnpm exec firebase loginTerminal window yarn firebase login -
Enable experimental web frameworks support. This is an experimental feature that allows the Firebase CLI to detect and configure your deployment settings for Astro.
Terminal window npx firebase experiments:enable webframeworksTerminal window pnpm exec firebase experiments:enable webframeworksTerminal window yarn firebase experiments:enable webframeworks -
Initialize Firebase Hosting in your project. This will create a
firebase.jsonand.firebasercfile in your project root.Terminal window npx firebase init hostingTerminal window pnpm exec firebase init hostingTerminal window yarn firebase init hosting -
Deploy your site to Firebase Hosting. This will build your Astro site and deploy it to Firebase.
Terminal window npx firebase deploy --only hostingTerminal window pnpm exec firebase deploy --only hostingTerminal window yarn firebase deploy --only hosting
