Voici un exemple de mise en place d’un site Astro avec rendu côté serveur (SSR) sur les services d’hébergement d’applications de Kinsta à partir d’un dépôt GitHub.
Par défaut, Astro est un constructeur de sites statiques qui se concentre sur les sites web riches en contenu pour offrir des temps de chargement plus rapides avec moins de JavaScript. L’activation de SSR dans Astro permet d’ajouter à votre site des fonctionnalités dynamiques telles que des sessions pour la connexion, la connexion à une base de données, etc. Vous trouverez de plus amples informations sur le site web d’Astro.
Pendant le processus de déploiement, Kinsta installe automatiquement les dépendances définies dans votre fichier package.json.
- Connectez-vous à GitHub et créez un nouveau dépôt à partir de ce modèle (Utiliser ce modèle > Créer un nouveau dépôt) : Kinsta – Hello World – SSR Site With Astro.
- Dans MyKinsta, ajoutez une application avec le dépôt Astro SSR Hello World. La commande Start peut être laissée vide pour le processus web car Kinsta détecte automatiquement la commande requise lors du premier déploiement.
Le site est disponible dès que la construction est terminée et que la page d’accueil de Kinsta se charge à l’URL de votre site.
Vous préférez regarder la version vidéo ?
Configuration du serveur web
Port
Kinsta définit automatiquement la variable d’environnement PORT. Vous ne devez pas la définir vous-même ou la coder en dur dans l’application.
Commande de démarrage
Lorsque vous déployez l’application, Kinsta crée automatiquement un processus web avec npm start comme commande de démarrage. Assurez-vous d’utiliser cette commande pour lancer votre serveur.
Cycle de vie du déploiement
Chaque fois qu’un déploiement est initié (par la création d’une application ou par un redéploiement dû à un commit entrant), la commande npm build est exécutée, suivie de la commande npm start.