Firebase

How to Deploy Astro JS to Firebase

Firebase Hosting is Google’s static hosting platform — free, fast, and backed by Google’s global CDN.

This guide walks you through deploying your Blacks project to Firebase Hosting.

Firebase astro js themes template

First, create a Firebase account at firebase.google.com. It’s free.

Install the Firebase CLI globally on your machine:

npm install -g firebase-tools

Authenticate the CLI with your Firebase account:

firebase login

This opens your browser. Sign in and authorize the CLI.

Create a new folder for your Firebase project, then initialize it:

firebase init

Follow the prompts to set up Firebase Hosting.

Move your Astro JS project into the Firebase project folder.

Then go back to your Firebase dashboard and create a new project — name it whatever you want.

Back in your Astro project folder, run the production build:

npm run build

This generates the dist folder containing your static site.

After building, access your dist folder from the terminal, then run:

firebase add && firebase deploy

Firebase uploads your files and publishes them to the global CDN.

Your site is now live at:

https://your-project.web.app

For detailed Firebase CLI documentation, visit:

Problem	Solution
`firebase: command not found`	Reinstall with `npm install -g firebase-tools`
`firebase login` fails	Allow popups in your browser, or use `firebase login --no-localhost`
Deploy fails	Run `npm run build` first before `firebase deploy`
404 errors	Make sure the public directory is set to `dist` in `firebase.json`
Changes not showing	Hard refresh in your browser (Ctrl + Shift + R)

Explore other hosting options:

👉 Netlify — alternative static host with drag-and-drop deploy