Créez un site Web rapide et moderne en utilisant astro !!
Recettes :
astro
bootstrap nouveau
animer
documentation : https://www.hockeycomputindo.com/2022/03/astro-website-template-free-download.html
démo : https://astroboyweb.netlify.app/
page d'accueil : https://astroman.vercel.app/
vidéo : https://www.youtube.com/watch?v=PjAUuI21ko4
Quoi de neuf ??
Écran de démarrage
L'animation complète inclut
git clone https://github.com/mesinkasir/astroweb.git
? Astronaute chevronné ? Supprimez ce fichier. Amusez-vous!
Caractéristiques:
✅ Configuration optimisée pour le référencement avec des URL canoniques et des données OpenGraph
✅ Prise en charge complète du Markdown
✅ Génération RSS 2.0
✅ Génération Sitemap.xml
Dans votre projet Astro, vous verrez les dossiers et fichiers suivants :
/ ├── public/ │ ├── robots.txt │ └── favicon.ico ├── src/ │ ├── components/ │ │ └── Tour.astro │ └── pages/ │ └── index.astro └── package.json
Astro recherche les fichiers .astro
ou .md
dans le répertoire src/pages/
. Chaque page est exposée sous forme d'itinéraire en fonction de son nom de fichier.
Il n'y a rien de spécial à propos de src/components/
, mais c'est là que nous aimons placer tous les composants Astro/React/Vue/Svelte/Preact.
Tous les actifs statiques, comme les images, peuvent être placés dans le répertoire public/
.
Toutes les commandes sont exécutées depuis la racine du projet, depuis un terminal :
Commande | Action |
---|---|
npm install | Installe les dépendances |
npm run dev | Démarre le serveur de développement local sur localhost:3000 |
npm run build | Construisez votre site de production sur ./dist/ |
npm run preview | Prévisualisez votre build localement, avant de le déployer |
N'hésitez pas à consulter notre documentation ou à accéder à notre serveur Discord.