Portfolio

Portfolio React + Vite prêt pour un déploiement sur GitHub Pages.

Développement local

npm install
npm run dev

Build local

npm run build

Build GitHub Pages

Pour générer un build compatible GitHub Pages en local :

npm run build:github

Le script détecte automatiquement le nom du repo GitHub depuis origin. Tu peux quand même le forcer manuellement si besoin :

npm run build:github -- mon-repo

Si ton dépôt s'appelle <username>.github.io, le script détecte automatiquement qu'il faut publier à la racine (/).

Déploiement sur GitHub Pages

Le projet contient déjà le workflow GitHub Actions dans .github/workflows/deploy.yml.

1. Initialise le dépôt si besoin :

git init -b main
git add .
git commit -m "Configure GitHub Pages deployment"

2. Crée un repo GitHub puis pousse le projet :

git remote add origin https://github.com/<username>/<repo>.git
git push -u origin main

3. Sur GitHub, ouvre Settings > Pages puis choisis Source: GitHub Actions.

4. À chaque push sur main, GitHub reconstruira et publiera le site.

Routing

Le build GitHub Pages utilise automatiquement HashRouter pour éviter les erreurs 404 sur les routes React (/expertise, /projets, etc.).