Veröffentliche deine Astro-Website auf Google's Firebase Hosting

Firebase Hosting ist ein Dienst der App-Entwicklungsplattform Firebase von Google, der für die Veröffentlichung einer Astro-Website genutzt werden kann.

Siehe unseren separaten Leitfaden zum Hinzufügen von Firebase-Backend-Diensten (EN) wie Datenbanken, Authentifizierung und Speicher.

Projektkonfiguration

Dein Astro-Projekt kann in Firebase als statische Website oder als serverseitig gerenderte Website (SSR) bereitgestellt werden.

Statische Website

Dein Astro-Projekt ist standardmäßig eine statische Website. Du brauchst keine zusätzliche Konfiguration, um eine statische Astro-Site in Firebase bereitzustellen.

Adapter für SSR

Um SSR in deinem Astro-Projekt zu aktivieren und auf Firebase einzusetzen, füge den Node.js-Adapter (EN) hinzu.

:::noteFür die Bereitstellung einer SSR-Astro-Site auf Firebase ist der Blaze-Plan oder höher erforderlich.:::

So funktioniert die Veröffentlichung

Installiere das Firebase CLI. Dies ist ein Kommandozeilen-Tool, mit dem du über das Terminal mit Firebase interagieren kannst.
- npm
- pnpm
- Yarn
```
npm install firebase-tools
```
```
pnpm add firebase-tools
```
```
yarn add firebase-tools
```
Authentifiziere das Firebase CLI mit deinem Google-Konto. Daraufhin öffnet sich ein Browserfenster, in dem du dich bei deinem Google-Konto anmelden kannst.
- npm
- pnpm
- Yarn
```
npx firebase login
```
```
pnpm exec firebase login
```
```
yarn firebase login
```
Aktiviere die experimentelle Unterstützung von Web-Frameworks. Dies ist eine experimentelle Funktion, die es der Firebase CLI ermöglicht, deine Deployment-Einstellungen für Astro zu erkennen und zu konfigurieren.
- npm
- pnpm
- Yarn
```
npx firebase experiments:enable webframeworks
```
```
pnpm exec firebase experiments:enable webframeworks
```
```
yarn firebase experiments:enable webframeworks
```
Initialisiere Firebase Hosting in deinem Projekt. Dadurch werden die Dateien firebase.json und .firebaserc im Stammverzeichnis deines Projekts erstellt.
- npm
- pnpm
- Yarn
```
npx firebase init hosting
```
```
pnpm exec firebase init hosting
```
```
yarn firebase init hosting
```
Veröffentliche deine Website bei Firebase Hosting. Dadurch wird deine Astro-Website erstellt und auf Firebase bereitgestellt.
- npm
- pnpm
- Yarn
```
npx firebase deploy --only hosting
```
```
pnpm exec firebase deploy --only hosting
```
```
yarn firebase deploy --only hosting
```