# Firebase Hosting Basics

> Deploys and configures classic Firebase Hosting for static websites, single-page apps (SPAs), and microservices. Use when deploying static sites/SPAs, setting up custom domains, configuring firebase.json hosting settings (redirects, rewrites, headers, multi-site), or managing preview channels. Don't use for Firebase App Hosting (Next.js/SSR), Auth, Firestore queries/rules, Data Connect, or Crashlytics.

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

## Install

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

## What it does

- 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

## Use it when

- 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

## Don't bother when

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

## What triggers it

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

## Before you install

- Requiere firebase-tools (se puede ejecutar vía npx).
- Needs on PATH: npx

## Files

- SKILL.md — 2 KB
- references/configuration.md — 2 KB
- references/deploying.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.

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

---

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