---
layout: ~/layouts/MainLayout.astro
title: Démarrage rapide
lang: fr
---

```shell
# Prérequis : vérifiez que Node.js est en version 12.20.0+, 14.13.1+, ou 16+
node --version

# Créez un nouveau dossier, et placez-vous dedans
mkdir my-astro-project && cd $_

# Attention au décollage...
npm init astro

# Installez les dépendances
npm install

# Commencez à coder !
npm run dev

# Quand votre site est fin prêt, compilez-en une version statique dans le dossier `dist/`
npm run build
```

Si vous désirez en savoir plus sur les différentes façons d'installer Astro dans votre projet, [lisez notre guide d'installation](installation).

## Commencez votre projet

Depuis un terminal ouvert dans votre projet, entrez la commande suivante :

```bash
npm run dev
```

Astro va lancer un serveur local sur [http://localhost:3000](http://localhost:3000). Ouvrez cette adresse dans votre navigateur, et vous devriez voir le "Hello, World" d'Astro.

Vous n'avez jamais besoin de redémarrer Astro : à chaque modification dans le dossier `src/`, le serveur recompile votre site.

## Compilez votre projet

Pour compiler votre projet, entrez la commande suivante dans un terminal :

```bash
npm run build
```

Astro va produire une version allégée de votre site et la sauvegarder directement sur le disque. Votre application se trouvera dans le dossier `dist/`.

## Mettez en production

Les sites compilés avec Astros sont statiques, et peuvent par conséquent être déployés par votre hébergeur préféré :

- [Vercel](https://vercel.com/)
- [Netlify](https://www.netlify.com/)
- [S3 bucket](https://aws.amazon.com/s3/)
- [Google Firebase](https://firebase.google.com/)
- [Lire le guide de déploiement sur la documentation Astro](/guides/deploy)

## Prochaines étapes

Vous êtes désormais prêt·e à développer !

Nous vous recommandons de prendre le temps de vous familiariser avec Astro et son fonctionnement. Nous vous recommandons les guides suivants :

📚 En savoir plus sur [la structure des projets Astro](/core-concepts/project-structure).

📚 En savoir plus sur [la syntaxe des composants Astro](/core-concepts/astro-components).

📚 En savoir plus sur [la génération des adresses à partir de l'arborescence.](/core-concepts/astro-pages).