If you are building server-rendered Angular or Next.js apps, check out next-generation Firebase App Hosting, a full-stack solution for modern web frameworks.

Integrate web frameworks with Hosting

Firebase Hosting integrates with popular modern web frameworks including Angular and Next.js. Using Firebase Hosting and Cloud Functions for Firebase with these frameworks, you can develop apps and microservices in your preferred framework environment, and then deploy them in a managed, secure server environment.

Support during this early preview includes the following functionality:

Deploy Web apps comprised of static web content
Deploy Web apps that use pre-rendering / Static Site Generation (SSG)
Deploy Web apps that use server-side Rendering (SSR)—full server rendering on demand

Firebase provides this functionality through the Firebase CLI. When initializing Hosting on the command line, you provide information about your new or existing Web project, and the CLI sets up the right resources for your chosen Web framework.

Before you begin

Before you get started deploying your app to Firebase, review the following requirements and options:

Firebase CLI version 12.1.0 or later. Make sure to install the CLI using your preferred method.
Optional: Billing enabled on your Firebase project (required if you plan to use SSR)

Serve locally

You can test your integration locally by following these steps:

Run firebase emulators:start from the terminal. This builds your app and serves it using the Firebase CLI.
Open your web app at the local URL returned by the CLI (usually http://localhost:5000).

Deploy your app to Firebase Hosting

When you're ready to share your changes with the world, deploy your app to your live site:

Run firebase deploy from the terminal.
Check your website on: SITE_ID.web.app or PROJECT_ID.web.app (or your custom domain, if you set one up).

Configure different environments

You can deploy multiple sets of environment variables for different project environments, such as staging and production.

Like Cloud Functions for Firebase, this tooling supports the dotenv file format for loading environment variables specified in a .env file.

If you have a staging project alias, you can deploy environment variables from a .env.staging file.
If you have a production project alias, you can deploy environment variables from a .env.production file.
If you have a project with id PROJECT_ID, you can deploy environment variables from a .env.PROJECT_ID file.

See the Cloud Functions documentation for a detailed guide.

Next steps

See the detailed guide for your preferred framework: