Aller au contenu

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.

:::tip[Suivre le tutoriel dans un éditeur de code en ligne]

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

  1. Suivez le lien externe pour ouvrir le modèle « Empty project » sur 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 ».

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

  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é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 ?

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.

Liste de contrôle

Contribuer Communauté Parrainer