Mettre son projet en ligne
avec github et netlify

La procédure se passe en deux phases, chacune constituée de plusieurs étapes...

I. Mettre vos fichiers sur github.com

  1. Créer son compte...

    Aller sur le github.com et créer un compte : cliquer sur le bouton Sign up

    accueil github
  2. Valider le formulaire

    Remplir le formulaire et le valider en passant l'étape de vérification par un puzzle (contre les éventuels bots

    validation de création
  3. Choisir...

    • Le type du compte : gratuit ou pro

      choix type de compte

    • le profil utilisateur (student)

      choix profile utilisateur

    • le type de l'activité (student project)

      choix type d'activité

  4. Créer votre premier repository

    Créer votre premier projet, ou repository dans le jargon github. Vous pouvez décider à ce moment que le contenu sera privé (vous déciderez de qui à le droit d'y accéder)

    créer le repository le repository est public par défaut rendre le repository privé
  5. Créer son premier fichier

    Aller tout en bas de la page après la création du repository pour créer un premier fichier, en utilisant l'éditeur de github.

    création du premier fichier

    Donner un nom à votre fichier

    création du premier fichier

    Valider par le bouton Commit new file

    Premier commit
  6. Créer des répertoires

    Dès votre premier fichier créé, vous avez accès aux boutons Create new file et Upload files

    création du premier fichier

    Si dans le nom de votre fichier, vous insérez un /, alors un répertoire sera créé...

    création du premier répertoire fichier et répertoire créés

    En créant le fichier images/bidon, on a créé le répertoire images (notez le répertoire css que j'ai créé de la même façon).

    Vue du répertoire
  7. Uploader des fichiers

    On peut alors par glisser-déposer, uploader plusieurs fichiers en 1 fois

    création du premier fichier

    Ne pas oublier de valider les modifications par le bouton Commit changes

    Commit changes

II. Déployer le site sur netlify.com

  1. Créer un compte

    Le plus simple est de créer un compte à partir du compte github nouvellement créé.

    accueil netlify.com créer un compte netlify

    Il faut autoriser Netlify à accéder à vos données...

    créer un compte netlify
  2. Quickstart guide

    L'écran suivant, vous montre quelques fonctionnalités... faites simplement Next

    tips Nerlify
  3. Prêts ?

    Cliquer sur le bouton New site from Git

    New site from git

    Choisir Github

    Choix du compte pour accéder à Netlify
  4. Autorisation

    Une nouvelle fenêtre s'ouvre pour donner l'autorisation à Netlify d'accéder à votre compte github

    Autorisation
  5. Sélection du repository

    Choix repository

    Choix repository

    Puis cliquer sur Install, en bas de la page

    Choix repository
  6. Dernière étape

    Après avoir confirmé votre mot de passe du compte github, vous devriez retomber sur l'écran ci-dessous. Cliquer sur votre repository pour simplement passer à la dernière étape : le déploiement.

    Choix repository
  7. Déploiement

    Rien à faire ici, juste cliquer sur le bouton Deploy site en bas de la page

    Choix repository
  8. Changer le nom

    Une fois déployé, cet écran apparaît, vous montrant les infos de votre nouveau site. Comme vous pouvez le constater le nom n'est pas très fun... cliquer sur le bouton site settings pour en changer.

    Choix repository

    Choisir un nom et valider : je vous propose de choisir comme nom : l1-xx où xx sera votre numéro de groupe.

    Choix repository