Ceci est un exemple de la façon de mettre en place un site statique avec Astro sur les services d’hébergement d’applications de Kinsta.

Astro est un framework web tout-en-un pour construire des sites web rapides et axés sur le contenu, avec les fonctionnalités clés suivantes :

  • Îles de composants : Une nouvelle architecture web pour construire des sites web plus rapides.
  • Conception d’API orientée serveur : Déplacez l’hydratation coûteuse hors des appareils de vos utilisateurs.
  • Zéro JS, par défaut : Aucune surcharge d’exécution JavaScript pour vous ralentir.
  • Prêt pour Edge : Déployez n’importe où, même un runtime périphérique global comme Deno ou Cloudflare.
  • Personnalisable : Tailwind, MDX et plus de 100 autres intégrations au choix.
  • Agnostique pour l’UI : Supporte React, Preact, Svelte, Vue, Solid, Lit et plus encore.

De plus amples informations sont disponibles 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.

  1. Forkez ce dépôt GitHub : Kinsta – Hello World – Site statique avec Astro
  2. Dans MyKinsta, ajoutez une application avec le dépôt Hello World Astro. La commande Start peut être laissée vide pour le processus web car Kinsta détecte automatiquement la commande nécessaire lors du premier déploiement.

L’application est disponible dès que la construction est terminée et qu’une page Hello Astronaut se charge à l’URL de votre application.

Page Astro Hellow Astronaut après une installation réussie.
Page Astro Hellow Astronaut après une installation réussie.

Configuration du serveur web

Port

Kinsta définit automatiquement la variable d’environnement PORT. Vous n’avez pas besoin de la définir ou de la coder en dur dans l’application. Le paquet serve utilise automatiquement le port défini par Kinsta.

Commande de démarrage

Quand vous déployez l’application, Kinsta crée automatiquement un processus web avec npm start comme commande de démarrage.

Cycle de vie du déploiement

Chaque fois qu’un déploiement est initié (par la création d’une application ou le redéploiement en raison d’un commit entrant), la commande npm build est exécutée, suivie de la commande npm start.