firebase avatar

Firebase App Hosting Basics

Handles the full deployment pipeline for Next.js and Angular apps on Firebase App Hosting, including SSR and ISR setups. Configures firebase.json with apphosting blocks, manages apphosting.yaml files, and sets up secrets for production keys. Distinguishes between static hosting and full-stack app hosting so you pick the right service. The git-push-to-deploy workflow is solid once configured, though you'll need a Blaze plan to use any of this. Good for teams wanting zero-config deployments without wrestling with build pipelines.

skills.sh installs
176.9K
GitHub stars
508
last updated
Aug 21, 2026

Install

$ npx -y skills add firebase/agent-skills --skill firebase-app-hosting-basics --agent claude-code

Installs into .claude/skills of the current project.

Files

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.

Deploying to App Hosting

Deploy from Source

This is the recommended flow for most users.

  1. Configure firebase.json with an apphosting block.

Sponsors

Details

Repository
github.com/firebase/agent-skills
Categories
Frontend Development, Backend & APIs, DevOps & CI/CD, Git & Pull Requests, AI & Agent Building, Mobile Development, Databases

More from firebase/agent-skills

All 23
1emilkowalski avatarask-sonneremilkowalski/skillsGuide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and loading toasts, updating, dismissing and pe172.3Kskills.sh installs
2higgsfield-ai avatarhiggsfield-websiteshiggsfield-ai/skillsBuild, edit, and deploy full-stack websites via the Higgsfield CLI (`higgsfield website …`). Each site is a React 19 + TanStack Start SSR app in one Cloudflare 152.4Kskills.sh installs
3vercel-labs avatarvercel-optimizevercel-labs/agent-skillsUse for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect Vercel metrics, usag126Kskills.sh installs
4emilkowalski avatarmobile-nativeemilkowalski/skillsMake a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from something that feels installed. Covers stic121.1Kskills.sh installs
5cloudflare avataragents-sdkcloudflare/skillsBuild AI agents on Cloudflare Workers using the Agents SDK. Load when creating stateful agents, durable workflows, real-time WebSocket apps, scheduled tasks, MC118.9Kskills.sh installs
6anthropics avatarweb-artifacts-builderanthropics/skillsSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for117.8Kskills.sh installs