Vérification : Unité 1 - Configuration

Maintenant que vous savez ce que vous allez construire, configurons tous les outils dont vous aurez besoin !

Cette unité vous montre comment configurer votre environnement de développement et le déployer sur Netlify. Passez à Unité 2 si vous êtes déjà à l’aise avec votre environnement et votre flux de travail.

Utilisation de StackBlitz

Vous souhaitez réaliser ce tutoriel dans un éditeur de code en ligne ?

Suivez ces instructions, puis passez directement à l’unité 2 !

Configuration de StackBlitz

1. Visitez astro.new et cliquez sur le bouton pour ouvrir le modèle “Empty Project” dans StackBlitz.

2. Cliquez sur “Sign in” en haut à droite pour vous connecter en utilisant vos identifiants GitHub.

3. En haut à gauche de la fenêtre de l’éditeur StackBlitz, cliquez sur “fork” le modèle (enregistrer dans le tableau de bord de votre compte).

4. Attendez que le projet se charge, et vous verrez un aperçu en direct du modèle de “Empty Project”.

Apportez une modification

Dans le volet des fichiers, vous devriez voir src/pages/index.astro. Cliquez pour l’ouvrir, et suivez Écrivez votre première ligne Astro pour apporter une modification à ce fichier.

Créez un dépôt GitHub

1. Appuyez sur le bouton Connect Repository en haut de votre liste de fichiers, saisissez un nouveau nom pour votre dépôt, puis cliquez sur Create repo & push.

2. Lorsque vous avez des modifications à valider sur GitHub, un bouton “Commit” apparaîtra en haut à gauche de votre espace de travail. En cliquant dessus, vous pourrez saisir un message de validation et mettre à jour votre dépôt.

Déployez votre site

Si vous souhaitez déployer sur Netlify, passez à Déployez votre site sur le web. Sinon, passez à l’Unité 2 pour commencer à créer avec Astro !

Où allons-nous ?

Titre de la section Où allons-nous ?

Dans cette unité, vous allez créer un nouveau projet qui est stocké en ligne sur GitHub et connecté à Netlify.

En écrivant du code, vous validerez périodiquement vos modifications sur GitHub. Netlify utilisera les fichiers de votre dépôt GitHub pour construire votre site web, puis le publiera sur Internet à une adresse unique où tout le monde pourra le consulter.

Chaque fois que vous validez une modification sur GitHub, une notification sera envoyée à Netlify. Ensuite, Netlify reconstruira automatiquement votre site pour refléter ces modifications.

Liste de contrôle

Titre de la section Liste de contrôle

• Préparons-nous à construire un projet Astro !