Firebase Hosting

Firebase Hosting provides fast and secure hosting for your web app.

Firebase Hosting is production-grade web content hosting for developers. With a single command, you can quickly deploy web apps to a global CDN (content delivery network). Though Firebase Hosting is optimized for static and single-page web apps, you can also pair Firebase Hosting with Cloud Functions or Cloud Run to build and host dynamic content and microservices on Firebase.

Get started

Key capabilities

Serve content over a secure connection Zero-configuration SSL is built into Firebase Hosting, so content is always delivered securely.
Deliver content fast Each file that you upload is cached on SSDs at CDN edges around the world and served as gzip or Brotli. We auto-select the best compression method for your content. No matter where your users are, the content is delivered fast.
Emulate and even share your changes before going live

View and test your changes on a locally hosted URL and interact with an emulated backend.

Share your changes with teammates using temporary preview URLs. Hosting also provides a GitHub integration for easy iterations of your previewed content.

Deploy new versions with one command

Using the Firebase CLI, you can get your app up and running in seconds. Command line tools let you add deployment targets into your build process.

And if you need to undo the deploy, Hosting provides one-click rollbacks.

How does it work?

Whether you are deploying a simple app landing page or a complex Progressive Web App (PWA), Hosting gives you the infrastructure, features, and tooling tailored to deploying and managing websites and apps.

Using the Firebase CLI, you deploy files from local directories on your computer to our Hosting servers. Beyond serving static content, you can use Cloud Functions for Firebase or Cloud Run to serve dynamic content and host microservices on your sites. All content is served over an SSL connection from the closest edge server on our global CDN.

You can also view and test your changes before going live. Using the Firebase Local Emulator Suite, you can emulate your app and backend resources at a locally hosted URL. You can also share your changes at a temporary preview URL and set up a GitHub integration for easy iterations during development.

Firebase Hosting has lightweight hosting configuration options for you to build sophisticated PWAs. You can easily rewrite URLs for client-side routing, set up custom headers, and even serve localized content.

For serving your content, Firebase offers several domain and subdomain options:

  • By default, every Firebase project has subdomains at no cost on the web.app and firebaseapp.com domains. These two sites serve the same deployed content and configuration.

  • You can create multiple sites if you have related sites and apps that serve different content but still share the same Firebase project resources (for example if you have a blog, admin panel, and public app).

  • You can connect your own domain name to a Firebase-hosted site.

Firebase automatically provisions SSL certificates for all your domains so that all your content is served securely.

Implementation path

Install the Firebase CLI The Firebase CLI makes it easy to set up a new Hosting project, run a local development server, and deploy content.
Set up a project directory

Add your static assets to a local project directory, then run firebase init to connect the directory to a Firebase project.

In your local project directory, you can also set up Cloud Functions or Cloud Run for your dynamic content and microservices.

View, test, and share your changes before going live (optional)

Run firebase emulators:start to emulate Hosting and your backend project resources at a locally hosted URL.

To view and share your changes at a temporary preview URL, run firebase hosting:channel:deploy to create and deploy to a preview channel. Set up the GitHub integration for easy iterations of your previewed content.

Deploy your site When things are looking good, run firebase deploy to upload the latest snapshot to our servers. If you need to undo the deploy, you can roll back with just one click in the Firebase console.
Link to a Firebase Web App (optional) By linking your site to a Firebase Web App, you can use Google Analytics to collect usage and behavior data for your app and use Firebase Performance Monitoring to gain insight into the performance characteristics of your app.

Next steps