blob: 6cb5a2b3e5718feb6f7ba36159c4cba5fbed05cd (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
|
---
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).
|
