CommunityCodierung & Entwicklunggithub.com

Website (Firebase App Hosting)

Stellt Full-Stack-Webanwendungen (Next.js, Angular) mit Server-Side Rendering (SSR) über Firebase App Hosting bereit und verwaltet sie. Verwenden Sie dies beim Deployment von Next.js/Angular-Apps, Konfigurieren von apphosting.yaml oder firebase.json apphosting-Blöcken, Verwalten von Secrets, Einrichten von GitHub CI/CD oder Konfigurieren der Blaze-Abrechnung. Nicht geeignet für klassisches statisches Webhosting, Auth, Firestore, Crashlytics oder Xcode.

Was ist Website (Firebase App Hosting)?

Diese Fähigkeit ermöglicht es einem KI-Agenten, moderne Full-Stack-Webanwendungen (Next.js, Angular usw.) mit Firebase App Hosting bereitzustellen und zu verwalten. Sie ist besonders nützlich, wenn Server-Side Rendering (SSR) oder Incremental Static Regeneration (ISR) benötigt wird und bietet einen optimierten 'git push to deploy'-Workflow. Der Agent kann firebase.json mit einem apphosting-Block konfigurieren, apphosting.yaml erstellen, Secrets verwalten und CLI-Befehle ausführen, um das Deployment durchzuführen. Es wird auch zwischen Firebase Hosting (für statische Seiten oder SPAs ohne SSR) und Firebase App Hosting unterschieden. Ein optionaler GitHub CI/CD-Workflow für automatisierte Deployments wird unterstützt, ebenso wie lokale Emulation über die Firebase Local Emulator Suite.

Funktioniert mit~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 Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Grundlagen des App Hosting

Beschreibung

Diese Fähigkeit ermöglicht dem Agenten, moderne Full-Stack-Webanwendungen (Next.js, Angular usw.) mithilfe von Firebase App Hosting bereitzustellen und zu verwalten.

Wichtig: Um App Hosting nutzen zu können, muss Ihr Firebase-Projekt den Blaze-Tarif verwenden. Leiten Sie den Benutzer zu https://console.firebase.google.com/project/_/overview?purchaseBillingPlan=metered um den Tarif zu aktualisieren.

Hosting vs. App Hosting

Wählen Sie Firebase Hosting, wenn:

  • Sie eine statische Website bereitstellen (HTML/CSS/JS).
  • Sie eine einfache SPA bereitstellen (React, Vue usw. ohne SSR).
  • Sie die volle Kontrolle über den Build- und Deployment-Prozess über die CLI wünschen.

Wählen Sie Firebase App Hosting, wenn:

  • Sie ein unterstütztes Full-Stack-Framework wie Next.js oder Angular verwenden.
  • Sie Server-Side Rendering (SSR) oder ISR benötigen.
  • Sie einen automatisierten "git push to deploy"-Workflow ohne Konfiguration wünschen.

Bereitstellen in App Hosting

Deployment aus dem Quellcode

Dies ist der empfohlene Ablauf für die meisten Benutzer.

  1. Konfigurieren Sie firebase.json mit einem apphosting-Block.

    {
      "apphosting": {
        "backendId": "my-app-id",
        "rootDir": "/",
        "ignore": [
          "node_modules",
          ".git",
          "firebase-debug.log",
          "firebase-debug.*.log",
          "functions"
        ]
      }
    }
    
  2. Erstellen oder bearbeiten Sie apphosting.yaml – siehe Konfiguration für weitere Informationen dazu.

  3. Wenn die App sicheren Zugriff auf vertrauliche Schlüssel benötigt, verwenden Sie npx -y firebase-tools@latest apphosting:secrets-Befehle, um Secrets zu setzen und Zugriff zu gewähren.

  4. Führen Sie npx -y firebase-tools@latest deploy aus, wenn Sie bereit für das Deployment sind.

Automatisiertes Deployment über GitHub (CI/CD)

Alternativ können Sie ein Backend einrichten, das mit einem GitHub-Repository verbunden ist, um automatisierte Deployments per "git push" zu ermöglichen. Dies wird nur für fortgeschrittene Benutzer empfohlen und ist nicht erforderlich, um App Hosting zu nutzen. Siehe CLI-Befehle für weitere Informationen zur Einrichtung mit CLI-Befehlen.

Emulation

Siehe Emulation für weitere Informationen zum lokalen Testen Ihrer App mit der Firebase Local Emulator Suite.

Individual skills in this repo

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

Verwandte Skills