Hébergement d'Applications (App Hosting)

Déploie et gère des applications web full-stack (Next.js, Angular) avec rendu côté serveur (SSR) via Firebase App Hosting.

Qu'est-ce que Hébergement d'Applications (App Hosting) ?

Cette compétence permet à un agent IA de déployer et gérer des applications web full-stack modernes (Next.js, Angular, etc.) en utilisant Firebase App Hosting. Elle est essentielle pour les développeurs qui ont besoin d'un rendu côté serveur (SSR) ou d'une régénération incrémentielle statique (ISR) sans avoir à configurer manuellement l'infrastructure. La compétence couvre la configuration de `firebase.json` avec un bloc `apphosting`, la création du fichier `apphosting.yaml`, la gestion des secrets via `npx firebase-tools apphosting:secrets`, et le déploiement avec `npx firebase-tools deploy`. Elle prend également en charge les déploiements automatisés via GitHub CI/CD pour un workflow "git push to deploy". Fonctionnant sur les plateformes Firebase et les frameworks Next.js/Angular, elle nécessite un abonnement Blaze. À ne pas utiliser pour les sites statiques, Auth, Firestore, Crashlytics ou Xcode.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/momabrouk18-eng/Website/tree/HEAD/.agents/skills/firebase-app-hosting-basics

Installed? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Bases de l'Hébergement d'Applications (App Hosting)

Description

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

Important : Pour utiliser App Hosting, votre projet Firebase doit être sur le plan tarifaire Blaze. Dirigez l'utilisateur vers https://console.firebase.google.com/project/_/overview?purchaseBillingPlan=metered pour mettre à jour son plan.

Hébergement (Hosting) vs Hébergement d'Applications (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 voulez un contrôle total du processus de build et de déploiement via 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 d'une régénération incrémentielle (ISR).
  • Vous voulez un workflow automatisé "git push to deploy" avec zéro configuration.

Déploiement sur App Hosting

Déploiement à partir de la source

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

  1. Configurez firebase.json avec un bloc apphosting.

    {
      "apphosting": {
        "backendId": "my-app-id",
        "rootDir": "/",
        "ignore": [
          "node_modules",
          ".git",
          "firebase-debug.log",
          "firebase-debug.*.log",
          "functions"
        ]
      }
    }
    
  2. Créez ou modifiez apphosting.yaml – voir Configuration pour plus d'informations sur la façon de le faire.

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

  4. Exécutez npx -y firebase-tools@latest deploy lorsque vous êtes prêt à déployer.

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

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

Émulation

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

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

Skills associés