firebase-hosting-basics

por firebase

Despliega sitios estáticos, SPAs y microservicios en una CDN global con SSL sin configuración. Soporta sitios estáticos, aplicaciones de una sola página (React, Vue, etc.) y contenido dinámico mediante integración con Cloud Functions o Cloud Run. Incluye canales de vista previa para probar cambios en URLs temporales antes del despliegue en vivo, con automatización de GitHub Actions. Configura enrutamiento, redirecciones, reescrituras y encabezados mediante firebase.json; emula localmente en http://localhost:5000 antes de desplegar. No está diseñado para frameworks full-stack...

npx skills add https://github.com/firebase/agent-skills --skill firebase-hosting-basics
Descargar ZIPGitHub
360

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.

2. Deploying

For instructions on deploying your site, using preview channels, and managing releases, see deploying.md.

3. Emulation

To test your app locally:

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

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

Más skills de firebase

firebase-remote-config-basics
firebase
Guía completa para Firebase Remote Config, que incluye gestión de plantillas y uso del SDK. Usa esta habilidad cuando el usuario necesite ayuda para configurar Remote Config, gestionar feature flags o actualizar el comportamiento de la aplicación de forma dinámica.
officialdevelopmentapi
developing-genkit-dart
firebase
SDK unificado de IA para Dart que permite generación de código, salidas estructuradas, herramientas, flujos y agentes. Proporciona APIs centrales para generación, definición de herramientas, orquestación de flujos, embeddings y streaming con una única interfaz. Incluye más de 8 complementos para proveedores de LLM (Google Gemini, Anthropic Claude, OpenAI GPT), Firebase AI, Protocolo de Contexto de Modelo, integración con navegador Chrome y alojamiento de servidor HTTP mediante Shelf. CLI integrada con interfaz de desarrollo local para ejecución de flujos, trazado, experimentación con modelos y...
official
developing-genkit-go
firebase
Desarrolla aplicaciones impulsadas por IA usando Genkit en Go. Úsalo cuando el usuario solicite crear funciones de IA, agentes, flujos o herramientas en Go con Genkit, o al trabajar…
official
developing-genkit-js
firebase
Crea aplicaciones Node.js/TypeScript impulsadas por IA con flujos, herramientas y soporte multimodelo de Genkit. Genkit es independiente del proveedor; admite Google AI, OpenAI, Anthropic, Ollama y otros proveedores de LLM mediante complementos. Define flujos con esquemas de tipo seguro usando Zod, ejecuta solicitudes de generación y compone flujos de trabajo de IA de varios pasos en TypeScript. Requiere Genkit CLI v1.29.0+; los cambios recientes importantes en la API significan que debes consultar genkit docs:read y common-errors.md para patrones actuales, no conocimientos previos...
official
developing-genkit-python
firebase
Desarrolla aplicaciones impulsadas por IA usando Genkit en Python. Úsalo cuando el usuario pregunte sobre Genkit, agentes de IA, flujos o herramientas en Python, o cuando se encuentre con Genkit…
official
firebase-ai-logic
firebase
Integración de Gemini del lado del cliente para aplicaciones web con inferencia multimodal, streaming y ejecución híbrida en el dispositivo. Admite entradas solo de texto y multimodales (imágenes, audio, video, PDFs); los archivos de más de 20 MB se enrutan a través de Cloud Storage. Incluye sesiones de chat con historial automático, respuestas en streaming para visualización en tiempo real y aplicación estructurada de salida JSON. Ofrece inferencia híbrida en el dispositivo mediante Gemini Nano en Chrome, con respaldo automático a la ejecución en la nube. Requiere App Check para producción...
official
firebase-ai-logic-basics
firebase
Habilidad oficial para integrar Firebase AI Logic (API de Gemini) en aplicaciones web. Cubre configuración, inferencia multimodal, salida estructurada y seguridad.
official
firebase-app-hosting-basics
firebase
Implementa y gestiona aplicaciones web full-stack con Firebase App Hosting usando Next.js, Angular y otros frameworks compatibles. Requiere un proyecto Firebase en el plan de precios Blaze; admite flujos de trabajo de renderizado del lado del servidor (SSR) y regeneración estática incremental (ISR). Despliega mediante configuración firebase.json con apphosting.yaml opcional para configuración del backend, o habilita el despliegue automatizado "git push to deploy" a través de la integración con GitHub. Incluye gestión de secretos mediante comandos CLI para acceso seguro a claves sensibles...
official