firebase-app-hosting-basics Skill for Claude: Deploy Next.js and Angular

firebase-app-hosting-basics, from Google's Firebase team, guides your agent to deploy Next.js or Angular apps with server rendering on Firebase App Hosting.

Installs: 173.2K; on skills.sh
Stars: 497; on GitHub
Files: 2; besides SKILL.md
Updated: Oct 2026; last repo commit

firebase-app-hosting-basics tells the agent how to deploy full-stack web apps (Next.js, Angular) to Firebase App Hosting. It sets an apphosting block in firebase.json, edits apphosting.yaml, creates a backend with apphosting:backends:create, and deploys from local source or through a GitHub-connected backend.

One limit comes first: the SKILL.md says App Hosting needs a Firebase project on the Blaze pricing plan, so the agent directs you to upgrade. It also covers secrets and local testing with the emulator.

For static sites and simple SPAs it points you to Firebase Hosting (firebase-hosting-basics).

Good for

Developers deploying Next.js or Angular apps with SSR or ISR
Teams that want git-push deploys from GitHub
Anyone managing app secrets and Cloud Run settings in apphosting.yaml

Install firebase-app-hosting-basics

Claude Code

Copy this prompt.

Install the firebase-app-hosting-basics skill in Claude Code. Run this command:

claude plugin marketplace add firebase/agent-skills
claude plugin install firebase@firebase

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js 20+, Google account.

The plugin route is the one the Firebase skills recommend for Claude Code. It installs all 13 skills in the repo and a Firebase MCP server, which .mcp.json starts with npx -y firebase-tools@15.32.1 mcp --dir . (version at review time). Restart Claude Code afterwards. The skills CLI route installs only the skills named. Every route needs Node.js 20 or newer, and the skills run the Firebase CLI through npx, so you also sign in to Firebase with a Google account. The README writes the marketplace as firebase/skills; the repository is firebase/agent-skills, the name the vendor Claude Code setup guide uses.

From the vendor's docs. Source.

What's in the skill

When it loads

Deploys and manages full-stack web applications (Next.js, Angular) with Server-Side Rendering (SSR) using Firebase App Hosting. Use when deploying Next.js/Angular apps, configuring apphosting.yaml or firebase.json apphosting blocks, managing secrets, setting up GitHub CI/CD, or configuring Blaze billing requirements. Don't use for classic static web hosting, Auth, Firestore, Crashlytics, or Xcode.

Sections in SKILL.md

Description
Hosting vs App Hosting
Deploying to App Hosting
Deploy from Source
Automated deployment via GitHub (CI/CD)
Emulation

Key facts

Author: firebase (GitHub: firebase)
Repo: firebase/agent-skills
License: Apache-2.0 (LICENSE and README); the Claude plugin.json says MIT
Installs on skills.sh: 173,155 as of 2026-11-02
GitHub stars (whole repo): 497 as of 2026-11-02
Last repo commit: 2026-10-30
Files: 3 files including SKILL.md (2 reference guides), no scripts
skills.sh audits: Gen Agent Trust Hub pass, Socket pass, Snyk pass
Made by: Google LLC (SKILL.md metadata); the Claude plugin calls itself the official Claude plugin for Firebase
Category: Serverless

What it includes

The project must be on the Blaze pricing plan
The skill sends you to the billing upgrade page before App Hosting can be used.
Blaze plan requirement
firebase.json block, backend create, deploy
Add the apphosting block, write apphosting.yaml, create the backend if missing (switch region when one hits its 10-backend quota), then deploy.
Runs code · Deploy from source
apphosting:secrets:set and grantaccess
A secret value is piped into secrets:set and the backend is granted access. apphosting.yaml refers to it by name.
Runs code · Secrets
apphosting:rollouts:create for git-branch deploys
For a backend connected to GitHub, rollouts are triggered with a branch. The skill says not to use rollouts:create when deploying from local source.
GitHub-connected rollouts
runConfig (cpu, memory, instances) and env variables
Controls the Cloud Run service: cpu, memoryMiB (128 to 32768), min and max instances, concurrency. Local .env files are not uploaded, so declare variables or secrets here.
apphosting.yaml reference
emulators:start --only apphosting
Builds and serves the app on localhost:5004 by default, with apphosting.emulator.yaml overrides for local values.
Runs code · Emulation

From the official docs

Permissions

Medium risk

What it can do

Read your data
Create and change things
Delete things
Read-only mode

Watch out for

It creates paid backends and deploys your app
The skill runs apphosting:backends:create and deploy on a Blaze-plan project. Confirm project, region and root directory. github.com
It sets secrets from values it is given
secrets:set reads the value from standard input and grantaccess lets the backend read it. Do not paste real secrets into a chat you do not trust. github.com
It runs the latest Firebase CLI through npx
Commands use npx -y firebase-tools@latest, which downloads and runs the newest published package each time. You sign in to Firebase with your Google account. github.com
The plugin route adds a Firebase MCP server
The Firebase plugin ships an .mcp.json that starts `npx -y firebase-tools@15.32.1 mcp --dir .` with IS_FIREBASE_MCP=true, so a Firebase MCP server runs in your project folder. The pinned version was 15.32.1 at review time. The skills CLI route does not add it. github.com

Technical details

Talks to	Firebase and Google Cloud through the Firebase CLI
Scopes	Google account signed in to the Firebase CLI

Questions

What does firebase-app-hosting-basics do?

It guides your agent through deploying Next.js or Angular apps with server-side rendering to Firebase App Hosting, including secrets, configuration and local emulation.

How do I install firebase-app-hosting-basics in Claude Code?

Use the install box above. The plugin route installs every Firebase skill and the MCP server. The skills CLI route installs only this skill.

Does App Hosting cost money?

The SKILL.md says your Firebase project must be on the Blaze pricing plan to use App Hosting. It does not give prices; check Firebase pricing yourself.

App Hosting or Firebase Hosting?

App Hosting is for Next.js or Angular with SSR or ISR and git-push deploys. Hosting is for static sites and SPAs. The firebase-hosting-basics skill covers the second.

Does it need an API key?

No API key is named in the SKILL.md. The Firebase CLI signs in with your Google account (npx -y firebase-tools@latest login), and most tasks need an active Firebase project. Secrets for your own app are set with the CLI, not a key for the skill.

Is firebase-app-hosting-basics safe to use?

It creates backends, sets secrets and deploys, which can start billing and publish your app. Pass secret values yourself rather than pasting them into chat, and check the active project before you deploy.

Information

updated Nov 2, 2026

Repository: firebase/agent-skills
Folder: skills/firebase-app-hosting-basics

firebase/agent-skills skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 7

agent-skills README · github.com
firebase-basics Claude Code setup · github.com
Firebase plugin .mcp.json · github.com
firebase-basics Cursor setup · github.com
firebase-app-hosting-basics SKILL.md · github.com
configuration.md · github.com
emulation.md · github.com