Déployez votre site Astro sur l'hébergement Firebase de Google
Firebase Hosting est un service fourni par la plateforme de développement d’applications Firebase de Google, qui peut être utilisé pour déployer un site Astro.
Voir notre guide séparé pour ajouter des services backend Firebase tels que les bases de données, l’authentification et le stockage.
Configuration du projet
Titre de la section Configuration du projetVotre projet Astro peut être déployé sur Firebase en tant que site statique ou en tant que site rendu côté serveur (SSR).
Site statique
Titre de la section Site statiqueVotre projet Astro est un site statique par défaut. Vous n’avez besoin d’aucune configuration supplémentaire pour déployer un site Astro statique sur Firebase.
Adaptateur pour SSR
Titre de la section Adaptateur pour SSRPour activer SSR dans votre projet Astro et le déployer sur Firebase, ajoutez l’adaptateur Node.js.
Comment déployer
Titre de la section Comment déployer-
Installez le Firebase CLI. Il s’agit d’un outil de ligne de commande qui vous permet d’interagir avec Firebase à partir du terminal.
Fenêtre de terminal npm install firebase-toolsFenêtre de terminal pnpm add firebase-toolsFenêtre de terminal yarn add firebase-tools -
Authentifiez le CLI Firebase avec votre compte Google. Cela ouvrira une fenêtre de navigateur dans laquelle vous pourrez vous connecter à votre compte Google.
Fenêtre de terminal npx firebase loginFenêtre de terminal pnpm exec firebase loginFenêtre de terminal yarn firebase login -
Activer le support expérimental des frameworks web. Il s’agit d’une fonctionnalité expérimentale qui permet au CLI Firebase de détecter et de configurer vos paramètres de déploiement pour Astro.
Fenêtre de terminal npx firebase experiments:enable webframeworksFenêtre de terminal pnpm exec firebase experiments:enable webframeworksFenêtre de terminal yarn firebase experiments:enable webframeworks -
Initialiser Firebase Hosting dans votre projet. Cela créera un fichier
firebase.jsonet.firebasercà la racine de votre projet.Fenêtre de terminal npx firebase init hostingFenêtre de terminal pnpm exec firebase init hostingFenêtre de terminal yarn firebase init hosting -
Déployez votre site sur Firebase Hosting. Cela va construire votre site Astro et le déployer sur Firebase.
Fenêtre de terminal npx firebase deploy --only hostingFenêtre de terminal pnpm exec firebase deploy --only hostingFenêtre de terminal yarn firebase deploy --only hosting
