Héberger HTML, React/Vite et Astro sur Astrabase

Démarrer avec un modèle

Dans la console Astrabase, choisissez + Nouveau projet, puis un profil : HTML / CSS, React / Vite ou Astro statique. Un bouton permet de télécharger les sources du modèle choisi. Le téléchargement seul ne crée pas de projet.

Compiler React/Vite ou Astro

Pour mettre en ligne le modèle sans le personnaliser, téléchargez le ZIP prêt à déployer depuis la console et importez-le dans l'onglet Aperçu. Pour modifier le code source, après extraction et installation de Node.js (version 22 recommandée), ouvrez un terminal dans le dossier contenant package.json :

npm install
npm run build

npm install crée également package-lock.json. Après une compilation réussie, le dossier dist contient les fichiers à publier, y compris index.html.

Créer une archive de publication sur Windows PowerShell

Compress-Archive -Path .\dist\* -DestinationPath .\site.zip -Force

Importez ensuite site.zip dans Aperçu → Déployer le ZIP du projet Astrabase correspondant. Le ZIP doit contenir index.html à sa racine : n'archivez pas le dossier dist lui-même.

Alternative : publier par Git

Ajoutez les sources et package-lock.json à un dépôt Git public, puis renseignez son adresse dans Astrabase. La commande de build proposée est npm ci && npm run build, avec le dossier de sortie dist. Le profil React/Vite active le fallback SPA ; Astro statique n'en a pas besoin.

Vérifier et suivre un déploiement

Après publication, attendez l'état ready, puis ouvrez l'adresse HTTPS du projet. Testez le rendu, les feuilles de style et les interactions dans le navigateur : l'état ready indique que le déploiement a été traité, pas que tout le JavaScript s'exécute sans erreur.

La console donne accès aux déploiements précédents, aux prévisualisations par version, au diagnostic et au retour vers une version précédente. Ces actions dépendent des droits de votre compte sur le projet.