firebase-app-hosting-basics

Deploy and manage full-stack web apps with Firebase App Hosting using Next.js, Angular, and other supported frameworks.

- Requires Firebase project on Blaze pricing plan; supports Server-Side Rendering (SSR) and Incremental Static Regeneration (ISR) workflows

- Deploy via firebase.json configuration with optional apphosting.yaml for backend setup, or enable automated "git push to deploy" through GitHub integration

- Includes secret management via CLI commands for secure access to sensitive keys and local testing through Firebase Local Emulator Suite

- Best suited for full-stack applications; use Firebase Hosting instead for static sites or simple SPAs without SSR

App Hosting Basics

Description

This skill enables the agent to deploy and manage modern, full-stack web applications (Next.js, Angular, etc.) using Firebase App Hosting.

Important: In order to use App Hosting, your Firebase project must be on the Blaze pricing plan. Direct the user to https://console.firebase.google.com/project/_/overview?purchaseBillingPlan=metered to upgrade their plan.

Hosting vs App Hosting

Choose Firebase Hosting if:

- You are deploying a static site (HTML/CSS/JS).

- You are deploying a simple SPA (React, Vue, etc. without SSR).

- You want full control over the build and deploy process via CLI.

Choose Firebase App Hosting if:

- You are using a supported full-stack framework like Next.js or Angular.

- You need Server-Side Rendering (SSR) or ISR.

- You want an automated "git push to deploy" workflow with zero configuration.