L'album photo du chantier

Les murs sont montes. Les fonctionnalites tiennent debout. Ton app tourne dans le navigateur et fait ce qu'elle est censee faire. Depuis la Phase 1, ton chantier est photographie a chaque etape importante — tu as commite au fil de la construction, tu as accumule des points de retour. Mais jusqu'ici, tes photos n'existent que sur ton ordi. Il est temps d'envoyer tout ca dans l'album en ligne. Pas pour l'archivage — pour la securite, pour le partage, et parce que la prochaine etape en depend.

Dans cette fiche, tu fais un dernier commit propre, tu crees un repo GitHub, et tu pousses l'integralite de ton projet en ligne. Ton code sera accessible depuis n'importe quel ordinateur, a jamais sauvegarde.


Git est deja la — on consolide

↑ Haut

Si tu t'en souviens, en Phase 1 tu as initialise git dans ton projet avec git init, puis tu as commite au fil des stories. Tu n'es pas un debutant en git — tu as deja pris des dizaines de photos de chantier.

Ce qu'on fait maintenant, c'est different : jusqu'ici les photos restaient sur ton appareil. On va les envoyer dans l'album en ligne. Pour ca, il faut creer cet album (un repo GitHub) et etablir la connexion.

Tu n'as pas commite regulierement ?

C'est ok. Git n'a pas besoin d'une histoire parfaite. L'important c'est de partir d'un etat propre aujourd'hui.


Etape 1 — Un dernier commit propre

↑ Haut

Avant de pousser quoi que ce soit, prends une derniere photo de chantier qui dit clairement que l'app est prete.

Dans le terminal de Cursor, tape :

git add .
git commit -m "feat: app prete pour le deploiement"

Si Claude Code est actif, tu peux aussi lui demander :

Fais un commit de tout le projet avec le message "feat: app prete pour le deploiement"
Ton code est photographie, net, et date d'aujourd'hui.

Peu importe ce qui arrive ensuite, cet etat-la est sauvegarde localement.


Etape 2 — Creer le repo GitHub

↑ Haut

Si tu n'as pas encore de compte GitHub, commence par la :

  1. Va sur github.com
  2. Clique sur Sign up
  3. Suis les etapes (email, mot de passe, nom d'utilisateur)
  4. Verifie ton email

C'est gratuit.

Une fois connecte, cree le repo :

  1. Clique sur le + en haut a droite puis New repository
  2. Donne-lui un nom (le nom de ton projet, sans espaces — ex. mon-app-brik)
  3. Laisse-le en Public (ou Private si tu preferes que personne ne voie le code)
  4. Ne coche aucune option d'initialisation (pas de README, pas de .gitignore — tu en as deja un)
  5. Clique sur Create repository

GitHub t'affiche une page avec des instructions. Repere la section "...or push an existing repository from the command line" — c'est celle-la qu'on va utiliser.

Ne clique pas sur "Initialize this repository"

Ton projet a deja son historique git. Ajouter des fichiers via GitHub creeraient un conflit.


Etape 3 — Connecter et pousser

↑ Haut

Dans le terminal de Cursor, copie-colle les deux commandes indiquees par GitHub. Elles ressemblent a ca :

git remote add origin https://github.com/ton-pseudo/mon-app-brik.git
git push -u origin main

La premiere etablit la connexion entre ton projet local et le repo GitHub. La deuxieme envoie tous tes commits dans l'album en ligne.

Git va te demander tes identifiants GitHub. Entres-les.

Probleme d'authentification ?

GitHub a abandonne les mots de passe en 2021. Si la connexion echoue, genere un token d'acces : sur GitHub, va dans Settings puis Developer settings puis Personal access tokens puis Tokens (classic). Utilise ce token comme mot de passe.


Etape 4 — Explorer ton repo

↑ Haut

Ouvre github.com, va sur ton profil, et clique sur ton repo.

Tu vois :

Clique sur un commit pour voir exactement ce qui a change a ce moment-la. Vert = ajout, rouge = suppression.

Ton code est en securite.

Meme si ton ordinateur tombe en panne demain, ton travail est la. Accessible depuis n'importe quel navigateur, sur n'importe quel ordinateur.


Verifie ton travail

↑ Haut
Ton chantier est photographie, l'album est en ligne. Il est temps d'ouvrir les portes.

Si ca ne marche pas

↑ Haut
SymptomeCause probableSolution
git push refuse avec "rejected"Le repo GitHub a ete initialise avec des fichiers (README, etc.)Sur GitHub, supprime le repo et recreees-en un vide. Ou demande a Claude : "Aide-moi a resoudre un conflit de push git"
Identifiants refusesGitHub n'accepte plus les mots de passe simplesGenere un Personal Access Token sur GitHub (Settings puis Developer settings) et utilise-le comme mot de passe
error: remote origin already existsTu avais deja configure un remoteTape git remote remove origin puis recommence l'etape 3
git push ne trouve pas la branche mainTa branche s'appelle master au lieu de mainTape git push -u origin master ou renomme-la : git branch -M main
Le repo apparait vide sur GitHubLe push n'a pas envoye les fichiers attendusVerifie que tu as bien fait git add . et git commit avant le push

Ce que tu viens d'apprendre

↑ Haut
  1. Git local vs GitHub — tes commits existaient sur ton ordi depuis Phase 1. Le push les envoie dans le cloud pour la premiere fois
  2. remote add origin — c'est le lien qui dit a git "quand je dis push, envoie la-bas"
  3. L'historique de commits — chaque etape de la construction est visible, datee, reversible

Et ensuite ?

↑ Haut

Ton app est sauvegardee, visible en ligne dans son code. Mais le code, ca ne se partage pas avec des amis — une app qui tourne, si. Il est temps d'organiser l'inauguration.

-> Fiche suivante : Mettre en ligne


References

↑ Haut