React Et Github Page

Vous voil avec votre merveilleuse application React et vous voudriez bien en faire profiter le monde entier. Et pourquoi pas mme pouvoir un peu frimer devant les copains ? Et bien, envoyons le tout GitHub histoire de pouvoir montrer le visuel de notre travail avec une GitHub pageSupposons que au pralable vous ayez dj cr un repository sur GitHub.

Allez, appelons le RepoReactQuiAUnNomNul ou comme bon vous semble. Ensuite clonez votre repository sur votre machine (ordi).Construire, crez votre projet react.

Moi jai pris un travail que javais dj fait afin de juste tester la GitHub Page. Jai donc copi les fichiers dun projet react dans mon dossier repoReactQuiAUnNomNul que jai clon juste avant. Avant denvoyer sur GitHub assurez vous davoir un fichier .

gitignore qui contient node-modulesInstaller le paquet gh-pages : npm install gh-pagesDans votre fichier package.json ajouter une page daccueil: homepage: github. io/nomDuRepository5.

Dployer le script. Dans votre fichier package. json ajoutez la commande predeploy: npm run build et la commande deploy: gh-pages -d build6.

Lancez la commande npm run deploy. Et ensuite rentrez votre identifiant et votre mot de passe de GitHub7. Envoyez vos fichiers sur GitHubgit add .

git commit -m initial commitgit push8. Allez sur GitHub dans longlet paramtre dans la section GitHub Pages. Choisissez comme source gh-pages-branch.

Ca y est, nous avons maintenant une belle page GitHub. Vous pouvez voir le rsultat ici :