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.
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
-
Visitez astro.new et cliquez sur le bouton pour ouvrir le modèle “Empty Project” dans StackBlitz.
-
Cliquez sur “Sign in” en haut à droite pour vous connecter en utilisant vos identifiants GitHub.
-
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).
-
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
-
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.
-
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 ?
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.