Next.js

Frameworks Fullstack / Meta-frameworks · Depuis 2016

2016

Creation

Meta-framework React dominant developpe par Vercel, utilise par Notion, TikTok et Hulu en production. Son App Router (v13+) introduit les React Server Components pour un rendu hybride client/serveur avec SSR, SSG, ISR et streaming. L'integration poussee avec Vercel facilite le deploiement edge mais cree une dependance subtile a la plateforme pour les fonctionnalites avancees.

reactssrfullstack

Avantages & Inconvenients

Avantages

React Server Components avec streaming et rendu partiel cote serveur
ISR pour du contenu statique regenere a la demande sans full rebuild
Middleware edge execute en <1ms au plus pres de l'utilisateur

Inconvenients

Lock-in Vercel : ISR et middleware edge difficilement portables sur d'autres hebergeurs
App Router ajoute ~50kB de JS client et complexifie le mental model vs Pages Router
Build time augmente significativement au-dela de 10 000 pages statiques

Cas d'usage

E-commerce a fort trafic (ex: Shopify storefronts, Nike)
Dashboards SaaS avec rendu serveur et interactivite client
Sites marketing SEO-critiques avec ISR pour contenu dynamique

Autres dans Frameworks Fullstack / Meta-frameworks

Nuxt

Frameworks Fullstack / Meta-frameworks

Meta-framework Vue.js avec serveur Nitro universel

vuessrfullstack

Remix

Frameworks Fullstack / Meta-frameworks

Framework React fonde sur les Web Standards

reactweb-standardsfullstack

SvelteKit

Frameworks Fullstack / Meta-frameworks

Compile en JS vanilla, bundles 40-60% plus legers

sveltessrfullstack

Astro

Frameworks Fullstack / Meta-frameworks

Zero JS par defaut, islands multi-framework

contentislandsstatic