# Firebase Hosting Basics

> Despliega y configura el Firebase Hosting clásico para sitios estáticos, SPAs y microservicios: dominios, firebase.json, redirects, rewrites y canales de vista previa.

Fuente: https://skillsagentes.com/skills/firebase/agent-skills/firebase-hosting-basics
Markdown: https://skillsagentes.com/skills/firebase/agent-skills/firebase-hosting-basics.md

Repositorio: https://github.com/firebase/agent-skills
Autor: firebase
Licencia: Apache-2.0
Actualizado: el mes pasado
Coste de contexto: 101 tok instalada, 599 tok al activarse, 1.4k tok con todos los archivos del bundle
Bundle: 3 archivos, 5 KB
Permisos que pide: ninguno declarado

## Instalación

Un skill son archivos markdown: los mismos archivos valen para cualquier agente y lo único que cambia es el directorio de destino, es decir la bandera `--agent`. Añade `-g` para instalarlo en todos los proyectos de la máquina.

```bash
# Claude Code
npx -y skills add firebase/agent-skills --skill firebase-hosting-basics --agent claude-code
# Cursor
npx -y skills add firebase/agent-skills --skill firebase-hosting-basics --agent cursor
# Codex
npx -y skills add firebase/agent-skills --skill firebase-hosting-basics --agent codex
# Gemini CLI
npx -y skills add firebase/agent-skills --skill firebase-hosting-basics --agent gemini
# Windsurf
npx -y skills add firebase/agent-skills --skill firebase-hosting-basics --agent windsurf
# Cline
npx -y skills add firebase/agent-skills --skill firebase-hosting-basics --agent cline
```

## Qué hace

- Configura firebase.json para hosting: redirects, rewrites, headers y multi-site
- Guía el despliegue de sitios estáticos y SPAs a Firebase Hosting con un solo comando
- Gestiona canales de vista previa (preview channels) antes de desplegar a producción
- Levanta un emulador local de Hosting con firebase-tools

## Cuándo usarla

- Desplegar sitios estáticos o SPAs (React, Vue, etc. sin SSR)
- Configurar dominios personalizados
- Ajustar firebase.json (redirects, rewrites, headers, multi-site)
- Gestionar canales de vista previa

## Cuándo no

- Usar Firebase App Hosting (Next.js/SSR)
- Trabajar con Auth, consultas/reglas de Firestore, Data Connect o Crashlytics

## Qué la activa

- "Despliega mi SPA de React en Firebase Hosting"
- "Configura redirects y rewrites en mi firebase.json"
- "Crea un canal de vista previa para mi sitio antes de publicarlo"
- "Levanta el emulador de Hosting en local"

## Antes de instalar

- Requiere firebase-tools (se puede ejecutar vía npx).
- Necesita en el PATH: npx

## Archivos

- SKILL.md — 2 KB
- references/configuration.md — 2 KB
- references/deploying.md — 1 KB

## SKILL.md

Reproducido tal cual desde firebase/agent-skills bajo Apache-2.0. Esta sección es el documento original y está en inglés.

# hosting-basics

This skill provides instructions and references for working with Firebase
Hosting, a fast and secure hosting service for your web app, static and dynamic
content, and microservices.

## Overview

Firebase Hosting provides production-grade web content hosting for developers.
With a single command, you can deploy web apps and serve both static and dynamic
content to a global CDN (content delivery network).

**Key Features:**

- **Fast Content Delivery:** Files are cached on SSDs at CDN edges around the
  world.
- **Secure by Default:** Zero-configuration SSL is built-in.
- **Preview Channels:** View and test changes on temporary preview URLs before
  deploying live.
- **GitHub Integration:** Automate previews and deploys with GitHub Actions.
- **Dynamic Content:** Serve dynamic content and microservices using Cloud
  Functions or Cloud Run.

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

## Instructions

### 1. Configuration (`firebase.json`)

For details on configuring Hosting behavior, including public directories,
redirects, rewrites, and headers, see
[configuration.md](references/configuration.md).

### 2. Deploying

For instructions on deploying your site, using preview channels, and managing
releases, see [deploying.md](references/deploying.md).

### 3. Emulation

To test your app locally:

```bash
npx -y firebase-tools@latest emulators:start --only hosting
```

This serves your app at `http://localhost:5000` by default.

## Dónde encaja

- Categoría: [DevOps e infraestructura](https://skillsagentes.com/categorias/devops-infraestructura.md) — Despliegues, contenedores, IaC y flujos de gestión de incidentes.
- Creador: [firebase](https://skillsagentes.com/creators/firebase.md) — 12 skills en el directorio
- [Todas las skills](https://skillsagentes.com/skills.md)
- [Ranking de instalaciones](https://skillsagentes.com/ranking.md)

---

Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)