Jetzt starten mit Firebase Hosting

Firebase Hosting bietet Ihnen eine schnelle, sichere und zuverlässige Möglichkeit, die statischen Assets Ihrer App (HTML, CSS, JavaScript, Mediendateien usw.) zu hosten sowie dynamische Inhalte bereitzustellen und Mikrodienste zu hosten.

Unser Hosting in Produktionsqualität wird von einem globalen Content Delivery Network (CDN) unterstützt. Hosting stellt Ihre Inhalte standardmäßig über SSL bereit und kann mit Ihrer eigenen benutzerdefinierten Domain oder kostenlos auf den Subdomains Ihres Projekts auf web.app und firebaseapp.com verwendet werden.




Wenn Sie KI-Unterstützung benötigen, kopieren Sie den Prompt unten in Ihren KI-Coding-Agenten (z. B. Antigravity, Claude Code, Codex und Cursor). Sie können den Prompt anpassen und mit Ihrem Agenten iterieren. Weitere Informationen zur Installation finden Sie unter Firebase-Agent-Skills 

Help me use Firebase in my app.
1. Make sure that **Firebase agent skills** are installed and updated. For Claude Code, Codex, or Cursor agents, help me install the Firebase plugin. For other agents, run `npx skills add firebase/agent-skills`.  Always try to use **Firebase agent skills** for Firebase-related tasks.
2. Help me use Firebase to host my web app. Set up my app to use Firebase, and then deploy my app.

Hinweis

Bevor Sie Firebase Hosting einrichten können, müssen Sie ein Firebase-Projekt erstellen.

Schritt 1: Firebase CLI installieren

In der Firebase CLI-Dokumentation erfahren Sie, wie Sie die CLI installieren oder auf die neueste Version aktualisieren.

Schritt 2: Projekt initialisieren

Wenn Sie Ihre lokalen Projektdateien mit Ihrem Firebase-Projekt verbinden möchten, führen Sie den folgenden Befehl im Stammverzeichnis Ihres lokalen Projekts aus:

firebase init hosting

Bei der Projektinitialisierung über die Firebase CLI-Prompts:

  1. Wählen Sie ein Firebase-Projekt aus, das mit Ihrem lokalen Projektverzeichnis verbunden werden soll.

    Das ausgewählte Firebase-Projekt ist das Standard-Firebase-Projekt für Ihr lokales Projektverzeichnis. Wenn Sie weitere Firebase-Projekte mit Ihrem lokalen Projektverzeichnis verbinden möchten, richten Sie Projekt-Aliase ein.

  2. Geben Sie ein Verzeichnis an, das als öffentliches Stammverzeichnis verwendet werden soll.

    Dieses Verzeichnis enthält alle öffentlich bereitgestellten statischen Dateien, einschließlich Ihrer index.html Datei und aller anderen Assets, die Sie in Firebase Hosting bereitstellen möchten.

    • Statische Apps: Wenn Sie eine statische App bereitstellen:

      • Das Standardverzeichnis für das öffentliche Stammverzeichnis heißt public.

      • Sie können das öffentliche Stammverzeichnis jetzt oder Sie können es später in Ihrer firebase.json Konfigurationsdatei angeben.

      • Wenn Sie die Standardeinstellung auswählen und noch kein Verzeichnis mit dem Namen public haben, wird es von Firebase erstellt.

      • Wenn Sie noch keine gültige index.html-Datei oder 404.html-Datei im öffentlichen Stammverzeichnis haben, werden sie von Firebase erstellt.

    • App Hosting aktivieren App Hosting: Wenn die CLI Funktionen von einem SSR-Webframework wie Next.js oder Angular Universal erkennt, wird möglicherweise empfohlen, stattdessen Firebase App Hosting zu initialisieren. App Hosting ist die empfohlene Bereitstellungslösung für Full-Stack-Framework-Apps. Sie können mit der Einrichtung von App Hosting fortfahren oder mit Hosting (klassisch) für reine statische Bereitstellungen fortfahren.

  3. Wählen Sie eine Konfiguration für Ihre Website aus.

    Wenn Sie eine einseitige App erstellen, fügt Firebase automatisch Rewrite-Konfigurationen hinzu.

Am Ende der Initialisierung erstellt Firebase automatisch zwei Dateien und fügt sie dem Stammverzeichnis Ihrer lokalen App hinzu:

Schritt 3: Auf Ihrer Website bereitstellen

Wenn Sie die Bereitstellung auf Ihrer Website durchführen möchten, führen Sie den folgenden Befehl im Stammverzeichnis Ihres lokalen Projekts aus:

firebase deploy --only hosting

Mit diesem Befehl werden Ihre Hosting Inhalte und Konfiguration auf den folgenden von Firebase bereitgestellten Subdomains bereitgestellt:

  • PROJECT_ID.web.app
  • PROJECT_ID.firebaseapp.com

Weitere Informationen zu Bereitstellungen und zum lokalen Testen Ihrer Website.

Nächste Schritte

Ihre Website ist jetzt bereit, mit der Welt geteilt zu werden.