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
Créer son compte...
Aller sur le
github.com
et créer un compte : cliquer sur le bouton Sign upValider le formulaire
Remplir le formulaire et le valider en passant l'étape de vérification par un puzzle (contre les éventuels bots
Choisir...
- Le type du compte : gratuit ou pro
- le profil utilisateur (student)
- le type de l'activité (student project)
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 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.
Donner un nom à votre fichier
Valider par le bouton Commit new file
Créer des répertoires
Dès votre premier fichier créé, vous avez accès aux boutons Create new file et Upload files
Si dans le nom de votre fichier, vous insérez un
/
, alors un répertoire sera créé...En créant le fichier
images/bidon
, on a créé le répertoireimages
(notez le répertoirecss
que j'ai créé de la même façon).Uploader des fichiers
On peut alors par glisser-déposer, uploader plusieurs fichiers en 1 fois
Ne pas oublier de valider les modifications par le bouton Commit changes
II. Déployer le site sur netlify.com
-
Créer un compte
Le plus simple est de créer un compte à partir du compte github nouvellement créé.
Il faut autoriser Netlify à accéder à vos données...
-
Quickstart guide
L'écran suivant, vous montre quelques fonctionnalités... faites simplement Next
-
Prêts ?
Cliquer sur le bouton New site from Git
Choisir
Github
-
Autorisation
Une nouvelle fenêtre s'ouvre pour donner l'autorisation à Netlify d'accéder à votre compte github
-
Sélection du repository
Puis cliquer sur Install, en bas de la page
-
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.
-
Déploiement
Rien à faire ici, juste cliquer sur le bouton Deploy site en bas de la page
-
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.
Choisir un nom et valider : je vous propose de choisir comme nom :
l1-xx
où xx sera votre numéro de groupe.