Embarquement : Unité 1 - Configuration
Maintenant que vous savez ce que vous allez créer, il est temps de configurer tous les outils dont vous aurez besoin !
Cette unité vous montre comment configurer votre environnement de développement et déployer sur Netlify. Passez directement à l’unité 2 si vous êtes déjà à l’aise avec votre environnement et votre flux de travail.
Vous préférez suivre ce tutoriel dans un éditeur de code en ligne ? Suivez les instructions ci-dessous pour commencer à utiliser StackBlitz.
Utilisation de StackBlitz : Suivez ces instructions, puis passez directement à l’unité 2 !
Configuration de StackBlitz
-
Suivez le lien externe pour ouvrir le modèle « Empty project » sur 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 ».
Apporter 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éer 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éployer votre site
Si vous souhaitez déployer sur Netlify et disposer d’une version en ligne de votre site pendant que vous travaillez, passez à l’unité 1 pour Déployer votre site sur le web.
Sinon, passez à l’unité 2 pour commencer à créer avec Astro !
Vers quoi vous dirigez-vous ?
Section intitulée « Vers quoi vous dirigez-vous ? »Dans cette unité, vous allez créer un nouveau projet qui est sauvegardé 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 compiler 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 recompilera automatiquement votre site pour refléter ces modifications.