Next.js 15 vs React : Quel framework choisir en 2025 ?

Next.js 15 vient de sortir et révolutionne le développement web. Mais faut-il forcément migrer de React pur ? Voici mon analyse après 50+ projets en production.

TL;DR : Quand utiliser quoi ?

Utilisez Next.js si :

• ✅ SEO crucial (site vitrine, e-commerce, blog)
• ✅ Performance critique (LCP <2.5s)
• ✅ Full-stack (API + Frontend)

Utilisez React pur si :

• ✅ SPA interne (backoffice, admin)
• ✅ Pas de SEO (app derrière login)
• ✅ Frontend only (API séparée)

Next.js 15 : Nouveautés 2025

1. Turbopack Stable

Avant (Webpack) : 10-30s de build Maintenant (Turbopack) : 2-5s de build

Impact : +70% productivité développeur

2. Server Actions Améliorées

// Plus besoin d'API routes !
'use server'

export async function submitForm(formData: FormData) {
  const email = formData.get('email')
  await db.insert({ email })
  revalidatePath('/newsletter')
}

Avant : API route + fetch côté client Maintenant : Direct server action

3. Partial Prerendering (Expérimental)

Mixe : Static generation + Streaming Résultat : FCP ultra-rapide + données dynamiques

4. React 19 Support

• Server Components stable
• Actions natives
• use() hook pour fetching

Comparaison détaillée

Performance

Métrique	Next.js 15	React (CRA)	Vite + React
First Paint	<1s	2-3s	1-2s
Time to Interactive	1-2s	3-5s	2-3s
Lighthouse	95-100	70-85	85-95
Bundle size	Optimisé auto	Manuel	Optimisé

Winner : Next.js (sauf si SPA pure)

SEO

Feature	Next.js 15	React SPA
SSR/SSG	✅ Natif	❌ Requiert lib externe
Meta tags dynamiques	✅ Simple	⚠️ Complexe
Sitemap auto	✅ Built-in	❌ Manuel
OG images	✅ Générées auto	❌ Manuel

Winner : Next.js (écrasant si SEO important)

Developer Experience

Aspect	Next.js 15	Vite + React
Setup	npx create-next-app	npm create vite
Routing	File-based	React Router
API	Intégré	Backend séparé
Deploy	Vercel 1-click	Config manuelle
Hot reload	Turbopack (rapide)	Vite (très rapide)

Winner : Égalité (préférence personnelle)

Coût d'hébergement

Next.js (Vercel) :

• Hobby : Gratuit (100GB/mois)
• Pro : $20/mois (1TB)
• Serverless auto-scaling

React SPA (Netlify/Vercel) :

• Hosting : Gratuit illimité
• API séparée : $5-50/mois

Winner : React SPA (si budget serré)

Cas d'usage détaillés

1. E-commerce / Marketplace

Recommandation : Next.js 15 🏆

Raisons :

• SEO produits crucial
• ISR (Incremental Static Regeneration)
• Server Components pour catalogue
• Paiement côté serveur sécurisé

Stack type :

Next.js 15 + Stripe + Prisma + PostgreSQL

Exemples : Amazon, Airbnb, Nike utilisent Next.js

2. SaaS / App Web

Recommandation : Next.js 15 ou React + Vite ⚖️

Next.js si :

• Marketing pages SEO
• Dashboard + API intégrée
• Server Actions pratiques

React + Vite si :

• App 100% derrière login
• API déjà existante (Go, Python)
• Équipe préfère séparation frontend/backend

Stack Next.js :

Next.js 15 + tRPC + Prisma + Supabase

Stack React :

Vite + React + TanStack Query + API externe

3. Blog / Site Vitrine

Recommandation : Next.js 15 🏆

Raisons :

• SEO = priorité #1
• SSG pour performance max
• Pas besoin de backend complexe

Alternative : Astro (encore plus rapide si pas d'interactivité)

Stack :

Next.js 15 + MDX + Tailwind

4. Admin / Backoffice

Recommandation : React + Vite 🏆

Raisons :

• Pas de SEO (app privée)
• SPA pur plus simple
• React Router flexible
• Build plus léger

Stack :

Vite + React + React Router + TanStack Query

5. Progressive Web App (PWA)

Recommandation : React + Vite 🏆

Raisons :

• Offline-first difficile avec Next.js
• Service Workers mieux supportés
• Bundle plus petit

Stack :

Vite + React + Workbox + Capacitor

Migration React → Next.js : Guide

Étape 1 : Évaluation (1-2 jours)

Questions :

• Combien de routes ? (<10 = facile, 50+ = complexe)
• API externe ou créer ?
• State management (Redux/Zustand) = migration

Effort estimé :

• Petit projet (<10 routes) : 3-5 jours
• Moyen (10-50 routes) : 2-4 semaines
• Large (50+ routes) : 1-3 mois

Étape 2 : Setup Next.js (1 jour)

npx create-next-app@latest --typescript

Config :

• App Router (recommandé)
• Tailwind CSS
• ESLint

Étape 3 : Migration progressive

Approche : Page par page

Week 1 : Landing + 3 pages statiques
Week 2 : Authentification + dashboard
Week 3 : Features dynamiques
Week 4 : Tests + déploiement

Étape 4 : Migration state management

Redux Toolkit → Zustand ou React Context

Next.js Server Components = moins besoin state global

Étape 5 : Optimisation

• Image optimization (next/image)
• Font optimization (next/font)
• Metadata SEO
• Server Components où possible

Coûts réels : TCO sur 1 an

React SPA (Vite)

Développement :

• Setup initial : 2 jours (1,5K€)
• Features : identique Next.js

Hébergement :

• Frontend (Netlify) : Gratuit
• API (Railway/Render) : $5-20/mois
• DB (Supabase) : $25/mois Total hébergement : $30-45/mois = 360-540€/an

Maintenance :

• Updates : 1j/trimestre (0,7K€/an)

TCO 1 an : ~3K€

Next.js 15 (Vercel)

Développement :

• Setup initial : 1 jour (0,8K€)
• Features : identique React

Hébergement :

• Vercel Pro : $20/mois
• DB (Vercel Postgres) : $20/mois Total hébergement : $40/mois = 480€/an

Maintenance :

• Updates : 0,5j/trimestre (0,5K€/an)

TCO 1 an : ~2,5K€

Winner : Next.js (légèrement moins cher + meilleur SEO)

Erreurs courantes à éviter

❌ Utiliser Next.js pour tout

Erreur : "Next.js c'est moderne donc on prend Next.js" Conséquence : Complexité inutile pour SPA interne Solution : React pur si pas de SEO

❌ Mal utiliser Server Components

Erreur : Tout en Client Components ("use client") Conséquence : Perd les avantages Next.js Solution : Server Components par défaut, Client uniquement si hooks/events

❌ Ignorer Vite pour React

Erreur : Utiliser Create React App (obsolète) Conséquence : Build lent, DX mauvaise Solution : Vite si React pur

❌ Sur-optimiser prématurément

Erreur : Passer 2 semaines sur config Webpack Conséquence : Time to market rallongé Solution : Defaults Next.js = suffisant 95% cas

Mon avis après 10 ans React

J'utilise Next.js quand :

• Client final (SEO vital)
• Besoin API simple intégrée
• Déploiement Vercel
• Équipe junior (conventions Next.js = guide)

J'utilise React + Vite quand :

• SaaS derrière login
• API backend existante (Go, Rust, Python)
• PWA offline-first
• Équipe senior (préfère liberté)

La vraie question :

Pas "Next.js vs React" mais "SSR/SSG ou SPA ?"

• Si SEO → Next.js
• Si pas SEO → React pur

Conclusion

En 2025 : Next.js 15 est le choix par défaut pour nouveaux projets web avec SEO.

React pur reste pertinent pour :

• Apps internes (no SEO)
• PWA offline
• Backends non-Node.js

Mon stack préférée : Next.js 15 + TypeScript + Tailwind + Prisma + Vercel

Besoin d'aide pour choisir ? Je peux auditer votre projet et recommander la stack optimale.

---

À propos : Jérémy Marquer développe en React depuis 2016, Next.js depuis 2019. 30+ projets Next.js en production.