firebase-app-hosting-basics

SKILL.md

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.