Pourquoi zwgagne.me?
Une base simple, moderne et sans friction.
Ça faisait un moment que je voulais un espace à moi.
Pas un portfolio. Pas un site ultra brandé. Pas un projet pour “optimiser ma présence en ligne”.
Juste un endroit simple où je peux écrire, réfléchir à voix haute et partager ce que je trouve intéressant.
Je voulais quelque chose que je comprenne entièrement. Quelque chose de minimal. Quelque chose que je peux faire évoluer quand ça me tente.
Et surtout, un projet que j’ai du fun à développer.
L’idée derrière
Je suis attiré par les systèmes bien pensés. Donc même pour un site personnel, je voulais une base propre.
Mais je ne voulais pas over-engineer.
Pas de CMS headless. Pas de base de données. Pas d’infrastructure compliquée.
Le contenu est en MDX. Des fichiers. Versionnés. Simples. Ça me permet d’écrire vite, de garder le contrôle et de faire évoluer la structure sans friction.
Ce site est volontairement léger. Il peut grandir si j’en ai envie. Mais il ne m’impose rien.
La stack (et pourquoi)
Next.js + React + TypeScript
Next.js pour la structure et le rendu hybride. React parce que je suis à la maison là-dedans. TypeScript parce que j’aime quand mes abstractions sont claires et maintenables. Et you know what, Codex maîtrise Typescript comme quiconque.
Je voulais une stack moderne, stable et durable.
Pas une expérimentation exotique.
Tailwind
Je voulais aller vite côté UI.
Tailwind me permet de garder un design minimaliste sans passer du temps à micro-gérer du CSS custom. Le but était de rester propre et cohérent, pas de réinventer un système de design complet. Et encore une fois, l'AI est excellent avec Tailwind.
UI & structure
J’utilise quelques librairies comme Radix pour les primitives accessibles et fiables.
Je ne voulais pas construire mes modales, dropdowns ou composants interactifs from scratch. Je préfère me concentrer sur la structure et l’expérience globale.
L’idée, c’est d’avoir une base solide qui peut évoluer sans devenir fragile.
Le blog en MDX
Le blog fonctionne en MDX.
Pourquoi?
- J’écris en Markdown.
- Je peux injecter des composants React si j’en ai besoin.
- Le contenu reste versionné dans le repo.
- Zéro dépendance externe.
C’est simple. Et j’aime quand c’est simple.
Thème & typographie
Dark mode intégré (obligatoire).
Côté fonts, je voulais quelque chose de propre, lisible, un peu éditorial, sans tomber dans le “tech blog cliché”.
Minimalisme > everything.
Mon workflow de développement
Côté dev, je travaille principalement avec l’app desktop de Codex (OpenAI). VSCode me sert de support.
Je valide mes changements via l’interface de Codex, puis je gère Git en CLI.
Workflow simple. Rapide. Itératif.
Je teste. Je regarde. J’ajuste.
Je vais probablement écrire un article complet sur mon workflow avec l’IA comme assistant, parce que ça change vraiment la façon de développer et je suis convaincu que le métier de développeur est en train d'éévoluer en ce sens.
Déploiement
Le site est déployé sur Vercel.
SSL basique. Pas d’infra custom.
Encore une fois: le strict minimum intelligent.
Si un jour j’ai envie de scaler, d’ajouter du caching avancé, un edge config, une base de données, je le ferai.
Pour l’instant, ça suffit largement.
Open source
Le code est open source et disponible sur mon GitHub.
Je trouve ça cohérent.
C’est un projet personnel, mais aussi un terrain d’expérimentation. Si ça peut inspirer quelqu’un ou servir de base à un autre projet, tant mieux.
Pourquoi cette approche
Parce que je voulais :
- Me concentrer sur le contenu
- Avoir du plaisir à développer
- Garder une stack que je maîtrise
- Pouvoir évoluer sans friction
- Éviter de transformer un projet simple en usine à gaz
Ce site va probablement changer avec le temps.
C’est voulu. C’est un sandbox contrôlé.