Déployer votre Site Astro avec Vercel
Vous pouvez utiliser Vercel pour déployer un site Astro vers son global edge network (réseau périphérique mondial) sans aucune configuration.
Ce guide comprend des instructions pour le déploiement vers Vercel via l’interface utilisateur du site web ou le CLI de Vercel.
Configuration du projet
Titre de la section Configuration du projetVotre projet Astro peut être déployé sur Vercel 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 Vercel.
Adaptateur pour le rendu à la demande
Titre de la section Adaptateur pour le rendu à la demandeAjoutez l’adaptateur Vercel pour activer le rendu à la demande dans votre projet Astro avec la commande astro add
suivante. Ceci installera l’adaptateur et apportera les changements appropriés à votre fichier astro.config.mjs
en une seule étape.
npx astro add vercel
pnpm astro add vercel
yarn astro add vercel
Comment déployer
Titre de la section Comment déployerVous pouvez déployer Vercel via l’interface utilisateur du site web ou en utilisant l’interface de ligne de commande (CLI) de Vercel. Le processus est le même pour les sites Astro statiques et rendus à la demande.
Déploiement via l’interface utilisateur du site web
Titre de la section Déploiement via l’interface utilisateur du site web-
Poussez votre code vers votre dépôt Git en ligne (GitHub, GitLab, BitBucket).
-
Importez votre projet dans Vercel.
-
Vercel détectera automatiquement Astro et configurera les bons paramètres.
-
Votre application est déployée ! (ex : astro.vercel.app)
Une fois que votre projet a été importé et déployé, tous les pushes ultérieures vers les branches généreront des Déploiements de prévisualisation (EN), et toutes les modifications apportées à la branche de production (communément appelée “main”) donneront lieu à un Déploiement de production (EN).
Déploiement via CLI
Titre de la section Déploiement via CLI-
Installez la CLI de Vercel et exécutez
vercel
pour déployer.Fenêtre du terminal npm install -g vercelvercelFenêtre du terminal pnpm add -g vercelvercelFenêtre du terminal yarn global add vercelvercel -
Vercel détectera automatiquement Astro et configurera les bons paramètres.
-
Lorsqu’il sera demandé
Want to override the settings? [y/N]
(Souhaitez-vous annuler les réglages), sélectionnerN
. -
Votre application est déployée ! (ex : astro.vercel.app)
Configuration du projet avec vercel.json
Titre de la section Configuration du projet avec vercel.jsonVous pouvez utiliser vercel.json
pour remplacer le comportement par défaut de Vercel et pour configurer des paramètres supplémentaires. Par exemple, vous pouvez souhaiter attacher des en-têtes aux réponses HTTP de vos déploiements.