Étude de cas

Création de mon Portfolio

Objectif

Créer un portfolio personnel qui reflète mon univers de développeur front-end, mettant en avant mes projets, ma sensibilité au design et mes compétences techniques.

Stack Technique

J'ai choisi React avec Next.js comme base de développement pour bénéficier du rendu côté serveur, d'un routage performant et d'une bonne scalabilité.

Pour le style, j'ai opté pour Tailwind CSS, ce qui m'a permis de construire une interface rapide à développer tout en restant cohérente visuellement.

Parce qu'Internet est mondial, mon site est aussi accessiblement en anglais, via Next-Intl.

Pour la gestion de contenu, j'ai préféré un système léger : chaque projet est rédigé en Markdown, ce qui permet de facilement ajouter ou modifier du contenu sans back-office.

Enfin, l'ensemble du site est déployé sur Vercel, pour profiter d'un workflow de CI/CD fluide, de prévisualisations de branches et d'un hébergement optimisé.

Portfolio
Légende

Développement

1. Intégration du design

Chaque section a été soigneusement reproduite en respectant la grille, les espacements et les composants.

J'ai utilisé Tailwind pour garder une logique de design modulaire et rapide à itérer.

2. Traduction avec Next-Intl

Afin d'internationaliser mon Portfolio, j'ai choisi d'utiliser Next-Intl, qui permet de gérer les traductions de manière simple et efficace.

3. Contenu via Markdown

J'ai mis en place un système simple mais puissant.

Daniel Tangoletto, Portfolio