THE3RDTRAINER/Homepage

Despliega y gestiona aplicaciones web completas (Next.js, Angular) con renderizado del lado del servidor (SSR) usando Firebase App Hosting. Úsalo para desplegar apps Next.js/Angular, configurar bloques apphosting.yaml o firebase.json, gestionar secretos, configurar CI/CD con GitHub, o configurar los requisitos de facturación Blaze. No lo uses para alojamiento estático clásico, Auth, Firestore, Crashlytics o Xcode.

¿Qué es Homepage?

Esta skill permite a un agente de IA desplegar y gestionar aplicaciones web modernas de pila completa, como Next.js y Angular, utilizando Firebase App Hosting. Está diseñada para proyectos que requieren renderizado del lado del servidor (SSR) o regeneración estática incremental (ISR), ofreciendo flujos de trabajo automatizados con 'git push' y configuración mínima. La skill se enfoca en la configuración de `firebase.json` y `apphosting.yaml`, la gestión de secretos a través de comandos CLI, y la automatización de despliegues mediante integración continua con GitHub. Es importante destacar que requiere que el proyecto de Firebase esté en el plan de facturación Blaze y no es adecuada para sitios estáticos o SPAs sin SSR, que deben usar Firebase Hosting. Además, proporciona orientación sobre el uso del emulador local para pruebas antes del despliegue.

Compatible con~Claude Code~Codex CLI~Cursor

npx skills add https://github.com/THE3RDTRAINER/Homepage/tree/HEAD/.agents/skills/firebase-app-hosting-basics

Documentación

Conceptos Básicos de App Hosting

Descripción

Esta skill permite al agente desplegar y gestionar aplicaciones web modernas de pila completa (Next.js, Angular, etc.) usando Firebase App Hosting.

Importante: Para usar App Hosting, tu proyecto de Firebase debe estar en el plan de facturación Blaze. Dirige al usuario a https://console.firebase.google.com/project/_/overview?purchaseBillingPlan=metered para actualizar su plan.

Hosting vs App Hosting

Elige Firebase Hosting si:

Estás desplegando un sitio estático (HTML/CSS/JS).
Estás desplegando una SPA simple (React, Vue, etc. sin SSR).
Quieres control total sobre el proceso de construcción y despliegue mediante CLI.

Elige Firebase App Hosting si:

Estás usando un framework de pila completa compatible como Next.js o Angular.
Necesitas renderizado del lado del servidor (SSR) o regeneración estática incremental (ISR).
Quieres un flujo de trabajo automatizado de "git push para desplegar" con configuración cero.

Desplegar en App Hosting

Despliegue desde el código fuente

Este es el flujo recomendado para la mayoría de los usuarios.

Configura firebase.json con un bloque apphosting.

{
  "apphosting": {
    "backendId": "my-app-id",
    "rootDir": "/",
    "ignore": [
      "node_modules",
      ".git",
      "firebase-debug.log",
      "firebase-debug.*.log",
      "functions"
    ]
  }
}

Crea o edita apphosting.yaml—consulta Configuración para más información sobre cómo hacerlo.
Si la aplicación necesita acceso seguro a claves sensibles, usa los comandos npx -y firebase-tools@latest apphosting:secrets para establecer y otorgar acceso a secretos.
Ejecuta npx -y firebase-tools@latest deploy cuando estés listo para desplegar.

Despliegue automatizado mediante GitHub (CI/CD)

Alternativamente, configura un backend conectado a un repositorio de GitHub para despliegues automatizados con "git push". Esto solo se recomienda para usuarios más avanzados y no es necesario para usar App Hosting. Consulta Comandos CLI para más información sobre cómo configurarlo usando comandos CLI.

Emulación

Consulta Emulación para más información sobre cómo probar tu aplicación localmente usando el Conjunto de Emuladores Local de Firebase.