Skills

Skill 3 of 13

Firebase App Hosting Basics

Deploys and manages full-stack web applications (Next.js, Angular) with Server-Side Rendering (SSR) using Firebase App Hosting.

1 minute · 267 words · 7 sections

Install

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

$ npx skills add firebase/agent-skills

» /plugin marketplace add firebase/agent-skills

The first command installs just this skill, by the name in its SKILL.md; the second installs the whole repository.

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 (opens in a new tab) 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.

Configure firebase.json with an apphosting block.

{
  "apphosting": {
    "backendId": "my-app-id",
    "rootDir": "/",
    "ignore": [
      "node_modules",
      ".git",
      "firebase-debug.log",
      "firebase-debug.*.log",
      "functions"
    ]
  }
}

Create or edit apphosting.yaml- see Configuration (opens in a new tab) for more information on how to do so.
If the app needs safe access to sensitive keys, use npx -y firebase-tools@latest apphosting:secrets commands to set and grant access to secrets.
Run npx -y firebase-tools@latest deploy when you are ready to deploy.

Automated deployment via GitHub (CI/CD)

Alternatively, set up a backend connected to a GitHub repository for automated deployments “git push” deployments. This is only recommended for more advanced users, and is not required to use App Hosting. See CLI Commands (opens in a new tab) for more information on how to set this up using CLI commands.

Emulation

See Emulation (opens in a new tab) for more information on how to test your app locally using the Firebase Local Emulator Suite.

About this skill

Trigger

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.

The verbatim description from this skill’s front matter — the string an agent matches on to decide whether to load it.

Colophon for this issue

Colophon

How this issue was made

Source

github.com/firebase/agent-skills, branch main, last pushed 23 September 2026.

Licence

Apache-2.0 — the text of every skill is reproduced unmodified, frontmatter included, under the upstream licence.

Discovery

13 skills found by walking the repository tree for SKILL.md, not by matching a directory convention. One layout observed: skills/*/SKILL.md.

Issue colours

Resolved from a curated brand profile — hue 88°, chroma 0.168. Two accent tones are generated per issue and each is proven against its own ground before it ships: a single accent that passes AA on both light and dark paper is arithmetically impossible.

Heading repairs

1 repair applied to this skill so the document has one h1 and no skipped levels:

Shifted “7 headings” from h1 to h2 so the skill title is the only h1.

Spec compliance

1 editorial note across 1 of 13 skills. They are printed in the margin of each skill rather than as errors here.

Firebase Data Connect — 1 note

Images

Images inside a skill come from the upstream repository. Where the author gave no alternative text we mark the image decorative rather than inventing a description — a plausible caption we made up is worse than none for the reader who depends on it.

Marketplace

A plugin manifest is published at .claude-plugin/marketplace.json by Firebase, declaring 1 plugin. It is read for editorial metadata only — never as the skill index, which is always the repository tree.

Signal

Install counts come from skills.sh. They measure downloads, not quality, and an unranked repository is not an unread one.

Agent surfaces

The whole issue is available as one markdown document at /firebase/agent-skills.md, and each skill at its own .md URL.

Publication

Set by Skills Docs from the source repository. Body text is Literata at the reader’s chosen size and measure; code is Geist Mono. Nothing on this page was written by us except this paragraph.

App Hosting Basics

This skill enables the agent to deploy and manage modern, full-stack web applications (Next.js, Angular, etc.) using Firebase 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.

This is the recommended flow for most users.

Configure firebase.json with an apphosting block.

{
  "apphosting": {
    "backendId": "my-app-id",
    "rootDir": "/",
    "ignore": [
      "node_modules",
      ".git",
      "firebase-debug.log",
      "firebase-debug.*.log",
      "functions"
    ]
  }
}

Create or edit apphosting.yaml- see Configuration (opens in a new tab) for more information on how to do so.

If the app needs safe access to sensitive keys, use npx -y firebase-tools@latest apphosting:secrets commands to set and grant access to secrets.

Run npx -y firebase-tools@latest deploy when you are ready to deploy.

Alternatively, set up a backend connected to a GitHub repository for automated deployments “git push” deployments. This is only recommended for more advanced users, and is not required to use App Hosting. See CLI Commands for more information on how to set this up using CLI commands.

See Emulation for more information on how to test your app locally using the Firebase Local Emulator Suite.

Firebase App Hosting Basics

App Hosting Basics

Description

Hosting vs App Hosting

Deploying to App Hosting

Deploy from Source

Automated deployment via GitHub (CI/CD)

Emulation

About this skill

Trigger

Colophon

Firebase App Hosting Basics

App Hosting Basics

Description

Hosting vs App Hosting

Deploying to App Hosting

Deploy from Source

Automated deployment via GitHub (CI/CD)

Emulation

Appendix 3.1–3.3

ReferencesMarkdown · 3 files

About this skill

Trigger

Colophon

Appendix 3.1–3.3

ReferencesMarkdown · 3 files