Ce Portfolio
Developpeur full-stack
Un portfolio rendu cote serveur et meta case study, bati sur TanStack Start, avec i18n complet, content-as-code et un hero a shader signature.
- TanStack Start
- React
- TailwindCSS
- Paraglide
Probleme
Un developpeur junior a besoin d'une vitrine en ligne credible qui prouve ses competences reelles, non pas en les affirmant, mais en etant un artefact bien concu en soi.
Role
J'ai concu et developpe l'ensemble du site : architecture, design system, internationalisation, couche contenu et pipeline de deploiement.
Stack
Une application TanStack Start rendue cote serveur, stylisee avec les tokens TailwindCSS v4, localisee en quatre langues via Paraglide, dont le contenu MDX est edite via Keystatic.
Resultat
Un portfolio qui est lui-meme la meilleure case study : stack moderne, i18n SSR complet, content-as-code et Core Web Vitals comme preuve de rigueur.
Décision clé
Le trade-off le plus difficile : content-as-code vs. un CMS adosse a une base de donnees. J'ai choisi du MDX valide par Zod et edite via Keystatic : zero infrastructure, historique git complet et une frontiere typee qui rejette le contenu invalide a la lecture — au prix d'ecrire moi-meme la couche de validation et de fallback de locale.
Résultat
Un portfolio entierement rendu cote serveur, en quatre langues, qui est lui-meme sa meilleure case study — deploye sur Vercel, contenu editable depuis git.
- Langues
- 4
- Base de donnees
- Aucune
- Rendu
- SSR
Ce que j'ai appris
- Concevoir le schema de contenu en premier a fait decouler toutes les features — cartes, case studies, SEO — d'une source de verite typee unique.
- Le fallback de locale est une preoccupation de frontiere, mieux testee isolement que greffee sur les composants.
- Traiter le portfolio lui-meme comme une case study a impose une rigueur que j'aurais zappee sur un site jetable.