# Firebase App Hosting Basics

> 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.

Source: https://skillsagentes.com/skills/firebase/agent-skills/firebase-app-hosting-basics
Repository: https://github.com/firebase/agent-skills
Author: firebase
License: Apache-2.0
Updated: hace 8 días
Context cost: 100 tok installed, 670 tok once triggered, 2.3k tok with every bundled file
Bundle: 4 files, 9 KB
Permissions requested: none declared

## Install

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

## What it does

- Configura y despliega apps full-stack (Next.js, Angular) con SSR usando Firebase App Hosting
- Edita apphosting.yaml y el bloque apphosting de firebase.json
- Gestiona secretos con comandos apphosting:secrets
- Ayuda a configurar CI/CD automatizado con GitHub para despliegues 'git push'

## Use it when

- Al desplegar apps Next.js o Angular
- Al configurar apphosting.yaml o el bloque apphosting de firebase.json
- Al gestionar secretos de la app
- Al configurar CI/CD con GitHub o requisitos de facturación Blaze

## Don't bother when

- Hosting estático clásico
- Auth, Firestore o Crashlytics
- Proyectos de Xcode

## What triggers it

- "Despliega mi app Next.js con Firebase App Hosting"
- "Configura apphosting.yaml para mi proyecto Angular"
- "Ayúdame a añadir secretos con apphosting:secrets"
- "Configura CI/CD con GitHub para App Hosting"

## Before you install

- El proyecto de Firebase debe estar en el plan de precios Blaze para usar App Hosting.

## Files

- SKILL.md — 3 KB
- references/cli_commands.md — 3 KB
- references/configuration.md — 2 KB
- references/emulation.md — 1 KB

## SKILL.md

Reproduced verbatim from firebase/agent-skills under Apache-2.0. This section is the upstream document and is in English.

# 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.
   
   ```json
   {
     "apphosting": {
       "backendId": "my-app-id",
       "rootDir": "/",
       "ignore": [
         "node_modules",
         ".git",
         "firebase-debug.log",
         "firebase-debug.*.log",
         "functions"
       ]
     }
   }
   ```
1. Create or edit `apphosting.yaml`- see
   [Configuration](references/configuration.md) for more information on how to
   do so.
1. 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.
1. 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](references/cli_commands.md) for more information on how to set
this up using CLI commands.

## Emulation

See [Emulation](references/emulation.md) for more information on how to test
your app locally using the Firebase Local Emulator Suite.

---

Skills Agentes — https://skillsagentes.com/skills/firebase/agent-skills/firebase-app-hosting-basics