---
name: firebase-app-hosting-basico
description: Guia para desplegar y gestionar aplicaciones web modernas (Next.js, Angular) con Firebase App Hosting, incluyendo SSR, CI/CD con GitHub y gestion de secretos.
license: Apache-2.0
metadata:
  id: 9ca95e27
  slug: firebase-app-hosting-basico
  titulo: "Firebase App Hosting: Despliegue de Apps Web Full-Stack"
  servicio: Web
  categoria_recurso: Web-Desarrollo
  tipo: referencia
  nivel: intermedio
  idioma: es
  idioma_original: en
  acceso: gratis
  precio_eur: 0
  plataformas: [Firebase, Google Cloud, GitHub]
  dependencias: [firebase-tools, Next.js, Angular]
  licencia: { spdx: Apache-2.0, redistribuible: true, uso_comercial: true }
  fuente:
    repo: firebase/skills
    url: https://github.com/firebase/skills/tree/main/skills/firebase-app-hosting-basics
    commit: aeb478e
    autor: firebase
    nombre_original: firebase-app-hosting-basics
    duplicados_en: []
  seguridad: { veredicto: seguro, riesgo: bajo, escaneado: "2026-06-14", motor: "grep-estatico+auditor-llm" }
  ficha:
    que_hace: "Guia al agente para desplegar apps Next.js o Angular con SSR en Firebase App Hosting mediante CLI o CI/CD con GitHub."
    como_lo_hace: "Configura firebase.json y apphosting.yaml, gestiona secretos con firebase-tools y ejecuta el deploy o conecta el repositorio para despliegues automaticos."
  content_hash: "9ca95e2750aa186f39df3833febb83856cc4333588c746421e93a04871adc93c"
  version: 1.0.0
---

# 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"
        ]
      }
    }
    ```
2. Create or edit `apphosting.yaml`- see [Configuration](references/configuration.md) for more information on how to do so.
3. 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.
4. 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.