Bien démarrer

La version 3 d’Astro est ici!

Quoi de nouveau dans Astro v3? Découvrez-le dans l’article d’annonce du blog.
Prêt à mettre à niveau? Suivez notre guide de mise à niveau (EN).

Astro, qu’est-ce que c’est ?

Astro est un framework web tout-en-un qui permet de construire des sites web rapides et axés sur le contenu.

Principales caractéristiques

• Composants Islands: Une nouvelle architecture web pour élaborer des sites web plus rapides.
• Design d’API Server-first: Ne pas laisser aux périphériques utilisateurs le soin d’exécuter une hydratation coûteuse.
• Aucun JS, par défaut: Aucune surcharge d’exécution JavaScript pour vous ralentir.
• Edge-ready: Déployer n’importe où, même un environnement d’exécution global comme Deno ou Cloudflare.
• Personnalisable: Tailwind, MDX, et plus de 100 autres integrations à choisir.
• UI-agnostic: Support de React, Preact, Svelte, Vue, Solid, Lit et plus.

Consultez l’article détaillé Pourquoi Astro pour en apprendre plus sur ce qui rend Astro spécial. ✨

Essayez Astro dans votre navigateur

Visitez astro.new et choisissez parmi une grandre variété de modèles pour débuter. Testez une version complète et fonctionnelle d’Astro directement dans votre navigateur !

Lancer le modèle basique Voir tous les modèles →

Démarrez votre premier projet

Obtenez un nouveau projet Astro opérationnel localement avec notre assistant utile en ligne de commande create-astro !

npm

# créer un nouveau projet avec npm
npm create astro@latest

pnpm

# créer un nouveau projet avec pnpm
pnpm create astro@latest

Yarn

# créer un nouveau projet avec yarn
yarn create astro

Notre Guide d’installation contient des instructions complètes, étape par étape, pour installer Astro à l’aide de votre gestionnaire de packages préféré.

Apprendre Astro

Voir des exemples de certains des concepts et modèles clés d’un site Astro !

📚 Ajouter une première page à votre site.

📚 En savoir plus sur la structure de projet d’Astro.

📚 En savoir plus sur le routage basé sur les fichiers d’Astro.

… retrouvez notre documentation d’API complète sous l’onglet Référence.

Etendre Astro

🧰 Démarrez votre prochain projet avec un thème prédéfini

🧰 Personnalisez votre site avec les plugins et composants officiels et ceux de la communauté.

🧰 Soyez inspiré en visitant le showcase de sites.

… voir notre guide sur l’utilisation des intégrations.

Rejoignez notre Communauté

Rejoignez-nous dans le Discord Astro afin de partager et obtenir de l’aide de la part d’une communauté active et accueillante !

💬 Dîtes bonjour dans notre channel #general !

💬 Posez une question à notre équipe d’aide dans notre channel #support !

💬 Partagez ce sur quoi vous avez travaillé dans notre channel #showcase !

En savoir plus

Blog Astro

Changelog Astro

Traduire

Ces traductions de docs vous sont proposées par toutes ces extraordinaires personnes. Aidez-nous avec les traductions!

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Contribuer

Ces docs vous sont proposées par toutes ces personnes. Rejoignez-nous sur GitHub !

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
•