« C’est juste un Vite avec des trucs en plus » - Moi en 2024, avant de comprendre quoi que ce soit.
Chapitre 1 : Le rejet instinctif
Ce qui m’a énervé au début :
- Le routing magique : « Pourquoi abandonner React Router ?! » → Aujourd’hui, j’économise 15 lignes de code par page
- Les erreurs cryptiques : « Server Components WTF ? » → Devenu mon outil anti-overfetching préféré
- Le temps de build : « 3 secondes avec Vite vs 8 avec Next » → Oublié quand j’ai vu le gain en prod
« Next.js, c’est comme TypeScript : ça semble inutilement complexe... jusqu’au jour où ça te sauve la mise. »
Chapitre 2 : Le déclic
Le moment où tout a cliqué :
En debugguant une page de checkout qui ramait, j’ai découvert par accident generateStaticParams(). Résultat :
Avant (SPA classique)
- LCP : 4.2s
- Bundle client : 145kB
- Taux de conversion : 12%
Après (Next.js)
- LCP : 1.1s (-73%)
- Bundle client : 62kB (-57%)
- Taux de conversion : 18% (+50%)
Ce que j’ai appris :
- La productivité > La pureté technique : Next.js force parfois des patterns qui semblent "sales" mais qui scale
- L'écosystème compte :
next/imageseul a résolu 80% de nos problèmes de CLS
Chapitre 3 : Lettre à mon moi du passé
Cher Thomas de 2024,
Non, Vercel ne paie pas les devs pour faire la promo de Next.js. Oui, le App Router semble overkill pour ton petit projet... mais attends de voir à quel point tu vas l’adorer quand tu auras :
- Un vrai SEO sans config
- Des builds 2x plus rapides en CI
- Des « oh putain c’est trop simple » tous les jours
Signé : Toi dans 6 mois, heureux et moins con.
Checklist de migration
Ce que je ferais différemment :
- Migrer les pages statiques d’abord (gain instantané)
- Utiliser
use clientseulement quand nécessaire - Ne pas toucher au CSS avant la fin
Évite mes erreurs
ViteToNext.AI automatise précisément ce qui m’a fait perdre 3 semaines. Essai gratuit sans carte.
Tester la migration