THE3RDTRAINER/Homepage

Déploie et gère des applications web full-stack (Next.js, Angular) avec rendu côté serveur (SSR) via Firebase App Hosting. À utiliser pour déployer des applications Next.js/Angular, configurer les blocs apphosting.yaml ou firebase.json, gérer les secrets, mettre en place un CI/CD GitHub ou configurer la facturation Blaze. Ne pas utiliser pour l'hébergement statique classique, Auth, Firestore, Crashlytics ou Xcode.

Qu'est-ce que Homepage ?

Cette compétence permet à l'agent de déployer et gérer des applications web modernes et full-stack comme Next.js et Angular en utilisant Firebase App Hosting. Elle est conçue pour les développeurs qui ont besoin d'un rendu côté serveur (SSR), de génération statique incrémentale (ISR) ou d'un workflow automatisé « git push to deploy ». La compétence prend en charge la configuration de `firebase.json` et `apphosting.yaml`, la gestion des secrets via des commandes CLI, et le déploiement automatisé via GitHub CI/CD. Elle nécessite un plan de facturation Blaze et ne doit pas être utilisée pour l'hébergement statique classique, Firebase Auth, Firestore, Crashlytics ou Xcode. Son fonctionnement repose sur des commandes `firebase-tools` et une intégration continue pour simplifier le cycle de vie complet de l'application.

Compatible avec~Claude Code~Codex CLI~Cursor

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

Documentation

Bases de l'App Hosting

Description

Cette compétence permet à l'agent de déployer et gérer des applications web modernes et full-stack (Next.js, Angular, etc.) en utilisant Firebase App Hosting.

Important : Pour utiliser App Hosting, votre projet Firebase doit être sur le plan de facturation Blaze. Invitez l'utilisateur à se rendre sur https://console.firebase.google.com/project/_/overview?purchaseBillingPlan=metered pour mettre à niveau son plan.

Hébergement vs App Hosting

Choisissez Firebase Hosting si :

Vous déployez un site statique (HTML/CSS/JS).
Vous déployez une simple SPA (React, Vue, etc. sans SSR).
Vous souhaitez un contrôle total sur le processus de build et de déploiement via la CLI.

Choisissez Firebase App Hosting si :

Vous utilisez un framework full-stack pris en charge comme Next.js ou Angular.
Vous avez besoin d'un rendu côté serveur (SSR) ou de génération statique incrémentale (ISR).
Vous souhaitez un workflow automatisé « git push to deploy » avec zéro configuration.

Déploiement sur App Hosting

Déploiement depuis la source

C'est le flux recommandé pour la plupart des utilisateurs.

Configurez firebase.json avec un bloc apphosting.

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

Créez ou modifiez apphosting.yaml - consultez la Configuration pour plus d'informations sur la façon de le faire.
Si l'application a besoin d'un accès sécurisé aux clés sensibles, utilisez les commandes npx -y firebase-tools@latest apphosting:secrets pour définir et accorder l'accès aux secrets.
Exécutez npx -y firebase-tools@latest deploy lorsque vous êtes prêt à déployer.

Déploiement automatisé via GitHub (CI/CD)

Vous pouvez aussi configurer un backend connecté à un dépôt GitHub pour des déploiements automatisés « git push ». Ceci est recommandé uniquement pour les utilisateurs plus avancés et n'est pas nécessaire pour utiliser App Hosting. Consultez la section Commandes CLI pour plus d'informations sur la façon de le configurer à l'aide de commandes CLI.

Émulation

Consultez la section Émulation pour plus d'informations sur la façon de tester votre application localement à l'aide du suite d'émulateurs locaux Firebase.