TL;DR : Les recommandations classées par cas d'usage, pour que vous puissiez sauter les 6 000 mots suivants.

  • Sites de contenu, pages marketing, blogs, SEO programmatique : Astro 5. Livrez du HTML statique, hydratez uniquement ce qui a besoin de JavaScript, des scores Lighthouse de 95-100 d'emblée. Le moins cher à héberger de loin.
  • Applications SaaS, tableaux de bord, produits authentifiés : Next.js 16 avec App Router. Le plus grand vivier de talents, l'écosystème le plus profond, les Server Components sont enfin stables.
  • Plus petit bundle possible, plafond de performance le plus élevé : SvelteKit avec les runes Svelte 5. Votre équipe doit être à l'aise en dehors du courant dominant React.
  • Équipes Vue, particulièrement les équipes EU/Asie : Nuxt 3. C'est le meta-framework Vue, point final.
  • Produits centrés sur les URL (marketplaces, formulaires multi-étapes) : Remix (maintenant React Router 7). Formulaires web-standard, amélioration progressive par défaut.
  • Gatsby : Migrez loin de là. Sérieusement.

Ce que « Framework moderne » signifie réellement en 2026

Quand un CTO ou un leader marketing dit « framework » en 2026, ils confondent généralement trois ou quatre couches en un seul mot. Laissez-moi clarifier cette distinction car elle compte quand vous signez un contrat ou recruter une équipe.

Un renderer est la bibliothèque UI : React 19, Vue 3, Svelte 5, ou Preact. Elle décide comment vos composants deviennent des nœuds DOM.

Un meta-framework est la couche au-dessus : Next.js, Astro, SvelteKit, Nuxt, Remix. Il gère le routage, le chargement des données, le rendu serveur, la génération statique, et le pipeline de build. C'est la couche où 90 % de vos décisions architecturales se trouvent.

Un bundler est l'outil qui compile, minifie et divise votre code. En 2026, c'est Turbopack (Next.js), Vite (Astro, SvelteKit, Nuxt, Remix), ou Webpack (projets legacy qui s'accrochent).

Une cible de déploiement est l'endroit où la sortie s'exécute : Vercel, Netlify, Cloudflare Pages, AWS Amplify, un VPS simple, ou vos propres conteneurs Docker. Le meta-framework dicte quelles cibles de déploiement sont des citoyens de première classe.

Voici pourquoi cela compte : choisir un « framework » en 2026 n'est pas comme choisir WordPress vs Squarespace en 2015. C'est une décision architecturale qui verrouille votre stratégie d'hébergement, votre profil de recrutement, votre plafond de performance, et votre coût de migration pour les 3-5 prochaines années. J'ai vu des entreprises dépenser 150 000 $ pour migrer loin d'un framework qu'elles ont choisi lors d'une réunion de deux heures. Cet article existe pour que vous ne finissiez pas dans cette position.

Le changement de 2024 à 2026 mérite également d'être noté. Les Server Components sont arrivés stables dans React 19. Astro a introduit les Server Islands. Les runes Svelte 5 ont remplacé les anciens stores réactifs. Ce ne sont pas des améliorations graduelles. Elles changent comment vous pensez à l'endroit où le code s'exécute et ce qui est envoyé au navigateur. Si votre modèle mental est encore « SPA avec une API », vous travaillez avec un playbook de 2020.

Les 6 frameworks qui comptent (et 4 qui ne le font pas)

La liste des survivants :

  1. Next.js 16 -- Le défaut React. App Router est stable, les Server Components sont réels, Turbopack est le bundler de production.
  2. Astro 5 -- Les sites de contenu faits correctement. Islands multi-framework, Server Islands, Sessions API, zéro JS par défaut.
  3. SvelteKit -- Les runes Svelte 5 rendent la réactivité explicite. Les plus petits bundles du groupe. Sous-estimé pour les applications de production.
  4. Nuxt 3 -- Le meta-framework Vue 3. Fort en Europe, Asie, et toute équipe déjà engagée dans l'écosystème Vue.
  5. Remix (React Router 7) -- Les fondamentaux du web en premier. Formulaires, loaders, actions, amélioration progressive. Maintenant fusionné dans React Router.
  6. Gatsby -- Legacy. Toujours en cours d'exécution sur des milliers de sites d'entreprise. Mais Netlify a vidé l'équipe, l'écosystème de plugins se désagrège, et aucune mise à jour significative depuis mi-2024.

En qui NE PAS parier :

  • Create React App (CRA) : Officiellement mort. Les docs React ne le recommandent plus. Si vous êtes toujours sur CRA, migrez vers Next.js ou Vite.
  • Blitz.js : Le pitch « Ruby on Rails pour React » n'a pas décollé. L'équipe principale a continué. La communauté est une ville fantôme.
  • RedwoodJS : Des idées intéressantes, l'élan abandonné. Le battage médiatique 1.0 n'a jamais se traduit par une adoption de production à grande échelle.
  • SPAs Vite simples pour les sites de contenu : Vite est un excellent outil de build, mais expédier une SPA rendue côté client pour un site marketing en 2026 signifie que vous vous battez contre le crawleur de Google, que vous brûlez des points Lighthouse, et que vous payez une taxe d'hydratation que vos visiteurs ne méritent pas.

Deep Dive Framework par Framework

Next.js 16

Ce que c'est. Next.js est le meta-framework React maintenu par Vercel. C'est le framework le plus largement adopté dans cette liste par un facteur de 3-4x en téléchargements npm, offres d'emploi, et activité GitHub. Si vous construisez avec React en 2026 et vous n'avez pas une bonne raison de choisir autre chose, vous choisissez probablement Next.js.

Ce qu'il livre en 2026. Next.js 16 stabilise l'App Router qui a été introduit dans la version 13 et affiné à travers 14 et 15. Les Server Components sont le défaut. Les Server Actions (maintenant appelées Server Functions dans les docs React) vous laissent écrire des mutations qui s'exécutent sur le serveur sans construire une route API. Turbopack remplace Webpack comme bundler de production, réduisant les temps de build de 40-60 % sur les grandes codebases. Le Partial Prerendering (PPR) vous laisse servir un shell statique avec des trous dynamiques en streaming, ce qui est le plus grand gain de performance pour les applications authentifiées depuis la régénération statique incrémentale.

Vrais scores Lighthouse. Sur notre portefeuille de 40+ sites de production Next.js, les scores de performance Lighthouse mobiles varient de 82 à 96. La médiane est 89. L'extrémité inférieure provient de sites avec des scripts tiers lourds (analytics, widgets de chat, tests A/B). Une page marketing Next.js 16 propre avec images optimisées et JS client minimal marque 92-96 de manière constante.

Trajectoire des coûts d'hébergement. Le plan Vercel Pro est de 20 $/place/mois, et vous atteignez le coût réel dans les largeurs de bande et les invocations de fonction. À 100 000 visiteurs mensuels, attendez-vous à 40-120 $/mois. À 1 million de visiteurs mensuels, 180-600 $/mois selon le ratio dynamique vs statique. À 10 millions, 1 200-4 500 $/mois. Cloudflare Pages avec l'adaptateur OpenNext est le jeu budgétaire : 0-50 $/mois à 1 million de visiteurs, bien que vous perdiez certaines fonctionnalités spécifiques à Vercel. AWS Amplify se situe quelque part entre les deux. Si vous voulez approfondir ce que nous construisons avec Next.js, consultez nos capacités de développement Next.js.

Complexité de build. Un développeur React senior peut lancer un site Next.js 16 de production en 2-4 semaines. Un développeur junior avec expérience React a besoin de 4-8 semaines et se fera piéger par la limite Server Component / Client Component. Le modèle mental de l'App Router est genuinely différent du Pages Router, et les tutoriels de 2023 vous induiront activement en erreur.

Marché du recrutement. React est la compétence frontend la plus commune sur le marché américain. Les développeurs senior Next.js command 150 000-220 000 $/an (États-Unis, temps plein) ou 100-180 $/heure (contrat). Le vivier de talents est profond, mais « connaît React » ne signifie pas « connaît l'App Router ». Vérifiez spécifiquement l'expérience des Server Components.

Quand vous devriez le choisir. Les produits SaaS, les tableaux de bord authentifiés, l'e-commerce avec personnalisation dynamique, tout projet où votre équipe connaît déjà React. C'est aussi le pari le plus sûr pour le buy-in en entreprise car chaque décideur en a entendu parler.

Quand vous ne devriez pas. Les sites de contenu pur où vous n'avez pas besoin d'interactivité client. Vous expédierez 80-150 KB de runtime React pour rendre ce qui pourrait être du HTML statique. C'est là qu'Astro gagne.

Complexité de migration depuis WordPress : 3/5. Modérée. La couche de données est la partie difficile. Vous aurez besoin d'un CMS headless (Sanity, Contentful, Payload) et d'une stratégie de redirection. Le build est direct, mais la modélisation de contenu prend du temps. Nous couvrons cela en détail dans la migration WordPress vers Next.js.

Astro 5

Ce que c'est. Astro est le framework centré sur le contenu qui expédie zéro JavaScript par défaut. Vous écrivez des composants dans la propre syntaxe de template d'Astro ou vous apportez la vôtre (React, Vue, Svelte, Preact, Solid), et Astro les rend en HTML statique au moment du build. Les composants interactifs s'hydratent sur le client seulement quand vous optez explicitement avec les directives client:load, client:visible, ou client:idle. Cette architecture « islands » signifie que votre page de blog post expédie 0 KB de JS sauf si vous avez un widget interactif.

Ce qu'il livre en 2026. Astro 5 apporte les Server Islands (rendre des composants spécifiques sur le serveur à la demande pendant que le reste de la page est statique ou en cache), la Sessions API (gestion de session de première partie sans stores d'état externes), les améliorations de Content Layer pour Markdown/MDX typé en toute sécurité, et une API View Transitions affinée. Le framework de documentation Starlight est mature et largement adopté.

Vrais scores Lighthouse. C'est où Astro met tout le monde dans l'embarras. Sur 25+ sites de contenu de production dans notre portefeuille, les scores de performance Lighthouse mobiles vont de 95 à 100. La médiane est 98. Quand vous expédiez zéro JS, c'est difficile de scorer mal. LCP en dessous de 1.2s est la norme, pas l'exception.

Trajectoire des coûts d'hébergement. Les sites Astro statiques sur Cloudflare Pages coûtent 0 $ à 1 million de visiteurs mensuels. Couche gratuite. La couche gratuite de Netlify gère la plupart des sites de contenu. L'hébergement statique Vercel est aussi effectivement gratuit à cette échelle. Si vous utilisez les Server Islands ou le mode SSR, les coûts montent légèrement : 5-30 $/mois à 1 million de visiteurs sur Cloudflare, 30-80 $/mois sur Vercel. C'est le framework le moins cher à héberger de loin.

Complexité de build. Un développeur junior avec des compétences HTML/CSS/JS de base peut lancer un site Astro de production en 1-2 semaines. Sérieusement. La courbe d'apprentissage est la plus douce de cette liste. Si vous avez besoin d'interactivité, vous apportez ce que votre équipe connaît quelle que soit la bibliothèque UI, donc le plafond est aussi élevé que les compétences de votre équipe.

Marché du recrutement. L'expérience spécifique à Astro est plus rare que React, mais vous n'en avez pas besoin. N'importe quel développeur frontend peut apprendre la syntaxe de template d'Astro en un jour. Le modèle islands signifie que vous recruter pour votre bibliothèque de composants de choix (React, Vue, Svelte) et enseignez la couche Astro. Tarifs des développeurs senior américains : 130 000-190 000 $/an ou 90-150 $/heure.

Quand vous devriez le choisir. Les sites marketing, les blogs, la documentation, les éditeurs de contenu lourd, le SEO programmatique à grande échelle (nous avons construit des sites Astro avec 50 000+ pages qui se buildent en moins de 3 minutes), les sites d'agence où la performance est un point de vente.

Quand vous ne devriez pas. Les applications SaaS hautement interactives, les tableaux de bord en temps réel, n'importe quoi où la plupart des pages nécessitent une authentification et des données dynamiques. Astro peut faire SSR, mais il n'a pas été conçu pour l'interactivité de type application, et vous allez vous battre contre lui. Pour les projets de contenu, consultez nos capacités de développement Astro.

Complexité de migration depuis WordPress : 2/5. Migration la plus facile pour les sites de contenu. Exportez le contenu WordPress en Markdown ou connectez un CMS headless, mappez les templates aux layouts Astro, configurez les redirections. Un site marketing de 50 pages migre en 2-4 semaines.

SvelteKit

Ce que c'est. SvelteKit est le meta-framework officiel pour Svelte. Svelte compile vos composants en JavaScript vanilla au moment du build, ce qui signifie pas de diffing de virtual DOM à l'exécution et des bundles dramatiquement plus petits. Svelte 5 a introduit les « runes », qui remplacent les anciennes déclarations réactives $: avec les primitives explicites $state(), $derived(), et $effect(). C'était controversé, mais en pratique, les runes rendent les grandes codebases plus prévisibles et plus faciles à déboguer.

Ce qu'il livre en 2026. Les runes Svelte 5 sont stables. Le système d'adaptateurs de SvelteKit supporte Vercel, Netlify, Cloudflare, Node, et la sortie statique. Le rendu côté serveur est un citoyen de première classe. Les actions de formulaire gèrent les mutations sans gestion d'état côté client. Le nouveau système $effect.tracking() et la réactivité fine-grained signifient moins de re-rendus accidentels que n'importe quel framework basé sur React.

Vrais scores Lighthouse. Les scores de performance Lighthouse mobiles de nos sites de production SvelteKit vont de 90 à 98, médiane 94. Les bundles sont typiquement 30-60 % plus petits que les applications Next.js équivalentes car il n'y a pas de runtime React. Une application SvelteKit avec quelques composants interactifs expédie souvent 25-40 KB de JS total où un équivalent Next.js expédie 85-120 KB.

Trajectoire des coûts d'hébergement. Similaire à Next.js en mode SSR. Vercel : 40-120 $/mois à 100 000 visiteurs, 180-500 $/mois à 1 million. Cloudflare Pages : 0-40 $/mois à 1 million. Les tailles de bundle plus petites signifient des coûts de bande passante plus bas à grande échelle, économisant 10-20 % versus Next.js sur les hôtes mesurés par bande passante.

Complexité de build. Si votre équipe connaît Svelte, 2-4 semaines pour expédier. Si votre équipe apprend Svelte à partir de React, ajoutez 2-3 semaines pour le changement de modèle mental. Les runes Svelte 5 rendent en fait la transition de React plus facile que l'ancien Svelte, car $state() est conceptuellement plus proche de useState() que l'ancienne réactivité implicite.

Marché du recrutement. C'est la plus grande faiblesse de SvelteKit. Le vivier de talents Svelte est peut-être 10-15 % de la taille du vivier React. Tarifs des développeurs senior américains : 140 000-200 000 $/an ou 100-160 $/heure. Vous allez souvent embaucher des développeurs React qui veulent apprendre Svelte, ce qui fonctionne, mais planifiez le temps de ramp-up.

Quand vous devriez le choisir. Les applications critiques pour la performance où la taille du bundle compte (produits mobiles-first, marchés émergents avec connexions lentes), les équipes qui sont déjà dans l'écosystème Svelte, les projets où vous pouvez investir dans la formation des développeurs.

Quand vous ne devriez pas. Les projets d'entreprise où vous avez besoin de remplir rapidement les développeurs. Les grandes équipes où l'expérience React est le filtre de recrutement. Les projets qui dépendent fortement des bibliothèques spécifiques à React (headless UI, Radix, etc.).

Complexité de migration depuis WordPress : 3/5. Similaire à Next.js, mais avec moins d'intégrations CMS prêtes à l'emploi. Vous allez probablement associer avec un CMS headless qui a une API REST ou GraphQL.

Nuxt 3

Ce que c'est. Nuxt 3 est à Vue 3 ce que Next.js est à React. C'est le meta-framework complet avec routage basé sur les fichiers, rendu serveur, génération statique, et un riche écosystème de modules. Si votre équipe écrit Vue, Nuxt est votre meta-framework. Il n'y a pas de véritable alternative dans l'écosystème Vue.

Ce qu'il livre en 2026. Nuxt 3 s'exécute sur Nitro (un moteur serveur qui se déploie n'importe où) et utilise Vite pour les builds. La Composition API est la norme. Les Nuxt DevTools sont excellents. Les routes serveur et les routes API sont intégrées. L'écosystème de modules (Nuxt Content, Nuxt Image, Nuxt SEO) couvre la plupart des besoins communs sans packages tiers.

Vrais scores Lighthouse. Lighthouse mobile de production : 85-95, médiane 90. Comparable à Next.js. Le runtime de Vue est légèrement plus petit que celui de React, donc les tailles de bundle tendent 10-15 % plus basses à la baseline.

Trajectoire des coûts d'hébergement. Presque identique à Next.js. Vercel supporte Nuxt de manière native. Netlify et Cloudflare Pages fonctionnent bien. 150-500 $/mois à 1 million de visiteurs mensuels selon la stratégie de rendu.

Complexité de build. Les développeurs Vue livrent en 2-4 semaines. Les développeurs React apprenant Vue ont besoin de 3-5 semaines. La Composition API est plus proche des React Hooks que l'ancienne API Options, donc la transition est gérable.

Marché du recrutement. Vue est forte en Europe (particulièrement la France, les Pays-Bas, l'Allemagne) et à travers l'Asie. Aux États-Unis, le vivier de talents Vue est à peu près 25-30 % de la taille de celui de React. Tarifs des développeurs senior américains : 130 000-190 000 $/an. Si votre équipe ou votre marché penche Vue, Nuxt est le choix évident. Si vous commencez à zéro aux États-Unis, le vivier de recrutement React/Next.js est significativement plus profond.

Quand vous devriez le choisir. Votre équipe écrit déjà Vue. Vous êtes basé dans une région où le talent Vue est abondant. Vous préférez la syntaxe de template de Vue et la Composition API par rapport à JSX.

Quand vous ne devriez pas. Vous staffez une équipe américaine à partir de zéro. Vous avez besoin du plus grand écosystème absolu de composants et d'intégrations tiers (React gagne ici par volume).

Complexité de migration depuis WordPress : 3/5. Identique à Next.js. CMS headless + frontend Nuxt + mappage de redirection.

Remix (React Router 7)

Ce que c'est. Remix a fusionné dans React Router fin 2024. React Router 7 avec « framework mode » est ce qu'on appelait Remix. La philosophie est les fondamentaux du web : formulaires HTML, cache HTTP, amélioration progressive, et des loaders/actions qui s'exécutent sur le serveur. C'est opinionné sur l'utilisation de la plateforme au lieu de la réinventer.

Ce qu'il livre en 2026. React Router 7 expédie avec support React 19, les Server Components (partiels, opt-in), le chargement de données basé sur RSC, Vite comme bundler, et support de première classe pour Cloudflare Workers. Le pattern loader/action reste le modèle mental central pour les données. Le framework est plus maigre que Next.js et vous donne plus de contrôle sur la couche HTTP.

Vrais scores Lighthouse. Lighthouse mobile : 88-96, médiane 92. L'approche d'amélioration progressive de Remix signifie que les pages fonctionnent sans JS, ce qui aide la performance perçue même quand les nombres Lighthouse sont similaires à Next.js.

Trajectoire des coûts d'hébergement. Remix s'exécute bien sur Cloudflare Workers (5-25 $/mois à 1 million de visiteurs), Fly.io (10-60 $/mois), ou n'importe quel hôte Node.js. Vercel le supporte mais ce n'est pas la plateforme native comme pour Next.js. Les hôtes budgétaires sont plus viables car Remix ne dépend pas de l'infrastructure spécifique à Vercel.

Complexité de build. Les développeurs React familiers avec les patterns REST livrent en 2-4 semaines. Le modèle loader/action est intuitif si vous avez travaillé avec des applications rendues serveur avant. Les développeurs provenant de backgrounds SPA-uniquement pourraient avoir besoin de 1-2 semaines supplémentaires pour s'ajuster.

Marché du recrutement. Le talent spécifique à Remix est nichéé, mais c'est React sous le capot, donc n'importe quel développeur React senior peut ramp up rapidement. La fusion avec React Router a en fait aidé car React Router est presque universel dans l'écosystème React.

Quand vous devriez le choisir. Les marketplaces, les applications lourd-formulaire en plusieurs étapes, les produits où la structure des URL compte profondément, les équipes qui veulent rester proches des web standards, les projets se déployant sur Cloudflare Workers.

Quand vous ne devriez pas. Les sites de contenu lourd (Astro est meilleur). Les projets où votre équipe s'attend à l'écosystème Next.js d'exemples, tutoriels, et réponses Stack Overflow. Les environnements d'entreprise où « nous utilisons Next.js » est une réponse politique plus sûre.

Complexité de migration depuis WordPress : 3/5. Similaire à Next.js. La couche de données est le même défi.

Gatsby

Ce que c'est en 2026. Gatsby est un générateur de site statique construit sur React et GraphQL. C'était le chouchou de 2019-2021. Netlify l'a acquis, puis l'a effectivement abandonné. La dernière version significative était mi-2024. L'écosystème de plugins se désagrège. Les mainteneurs principaux ont continué. Les temps de build pour les grands sites (10K+ pages) sont toujours douloureusement lents comparés à Astro ou Next.js avec ISR.

Vrais scores Lighthouse. Lighthouse mobile : 75-90, médiane 82. Gatsby expédie beaucoup de JS par défaut, et la couche de données GraphQL ajoute une surcharge que les frameworks plus récents évitent entièrement.

Trajectoire des coûts d'hébergement. Gatsby Cloud a fermé. Vous hébergez sur Netlify, Vercel, ou S3 + CloudFront. Les coûts sont comparables au statique Next.js : 50-200 $/mois à 1 million de visiteurs.

Quand vous devriez le choisir. Vous ne devriez pas. La seule raison de toucher Gatsby en 2026 est si vous avez hérité d'un site Gatsby et avez besoin de le maintenir tout en planifiant une migration.

Quand vous ne devriez pas. N'importe quel nouveau projet. Point final.

Complexité de migration depuis WordPress : N/A. Migrez loin de Gatsby, pas vers lui. Si vous êtes sur Gatsby et envisagez votre prochain mouvement, le chemin est typiquement Gatsby vers Astro pour les sites de contenu ou Gatsby vers Next.js pour les sites de type application.

Tables de comparaison

Matrice de performance et expérience développeur

Framework Lighthouse Mobile moyen LCP moyen (s) INP moyen (ms) Taille du bundle (KB) Démarrage à froid (ms) Temps de build (1K pages)
Next.js 16 89 1.8 120 85-140 150-400 45-90s
Astro 5 98 0.9 40 0-30 50-120 20-40s
SvelteKit 94 1.3 75 25-55 100-250 30-60s
Nuxt 3 90 1.6 110 70-120 140-350 50-100s
Remix (RR7) 92 1.4 90 70-110 80-200 35-70s
Gatsby 82 2.4 180 120-200 N/A (statique) 180-600s

Coût d'hébergement à 1 million de visiteurs mensuels (USD/mois)

Framework Vercel Netlify Cloudflare Pages AWS Amplify
Next.js 16 (SSR) $180-600 $200-500 $20-80* $150-400
Astro 5 (Statique) $0-20 $0-19 $0 $0-15
Astro 5 (SSR) $30-80 $40-100 $5-30 $30-80
SvelteKit (SSR) $180-500 $180-450 $15-60 $120-350
Nuxt 3 (SSR) $150-500 $180-450 $15-60 $120-350
Remix (SSR) $150-400 $150-400 $5-25 $100-300
Gatsby (Statique) $50-200 $50-200 $0-10 $40-150

*Cloudflare Pages avec adaptateur OpenNext ; certaines fonctionnalités spécifiques à Vercel indisponibles.

Adaptabilité au cas d'usage

Cas d'usage Next.js 16 Astro 5 SvelteKit Nuxt 3 Remix Gatsby
Site marketing Bon Meilleur Bon Bon Bon Éviter
Blog / hub de contenu Bon Meilleur Bon Bon Bon Éviter
E-commerce Meilleur Éviter Bon Bon Bon Éviter
Application SaaS Meilleur Éviter Bon Bon Bon Éviter
Plateforme multi-locataire Meilleur Éviter Bon Bon Meilleur Éviter
SEO programmatique (50K+ pages) Bon Meilleur Bon Bon Bon Éviter

L'arbre de décision

Exécutez ceci en 60 secondes. Allez de haut en bas, prenez la première correspondance.

  1. Si votre équipe sont des ingénieurs React construisant une application SaaS ou un produit authentifié → Next.js 16 avec App Router.
  2. Si vous construisez un site de contenu, un site marketing, un blog, ou de la documentation → Astro 5. Pas de concours sur la performance ou le coût d'hébergement.
  3. Si vous voulez les plus petits bundles et votre équipe est à l'aise pour apprendre les runes Svelte 5 → SvelteKit.
  4. Si votre équipe écrit déjà Vue, ou vous recruter sur un marché fort en Vue → Nuxt 3.
  5. Si vous construisez une marketplace, un produit lourd-formulaire, ou se déployant sur Cloudflare Workers → Remix / React Router 7.
  6. Si vous êtes actuellement sur Gatsby → Arrêtez d'investir. Planifiez une migration vers Astro (contenu) ou Next.js (app).
  7. Si vous êtes sur WordPress au-delà de 100 000 visiteurs mensuels et que la performance/sécurité est une préoccupation → Migrez vers Next.js + CMS headless ou Astro + CMS headless.
  8. Si vous êtes un leader marketing non-technique lisant ceci → Embauchez une équipe qui se spécialise dans l'architecture headless. Le choix du framework compte moins que l'expérience de l'équipe avec celui-ci. Commencez par notre page de développement CMS headless pour le contexte.

Recommandations réelles de stack de production

J'ai livré plus de 5 000 sites à travers les agences, startups, et clients d'entreprise depuis 2014. Voici trois stacks sur lesquels je parie en 2026, avec les vrais ranges de coûts des déploiements de production.

Stack A : Site de contenu / Marketing

Astro 5 + Sanity + Vercel (ou Cloudflare Pages) + Resend pour email transactionnel

C'est notre défaut pour les sites marketing, les builds d'agence, et les éditeurs de contenu. Sanity donne aux éditeurs une véritable expérience d'édition collaborative en temps réel. Astro rend tout en HTML statique. Vercel ou Cloudflare le sert à l'edge.

  • Coût mensuel à 1M MV : 30-180 $/mois (couche gratuite Sanity couvre la plupart des sites marketing ; statique Vercel est presque gratuit ; Resend est 20 $/mois pour email transactionnel)
  • Temps de build : 2-4 semaines pour un site marketing de 30 pages
  • Taille de l'équipe : 1 développeur senior + 1 designer
  • Performance : Lighthouse 96-100 sur chaque page

C'est le stack que nous recommandons le plus souvent pour les équipes venant de WordPress. L'expérience éditoriale dans Sanity est genuinely meilleure que wp-admin pour le contenu structuré, et la performance frontend est dans une ligue différente. Si cela semble votre situation, parlez-nous du développement Astro.

Stack B : Application SaaS

Next.js 16 App Router + Supabase + Stripe + Vercel + PostHog

C'est la version 2026 du stack « indie SaaS », mais il scale jusqu'à $10M+ ARR. Supabase gère l'auth, la base de données (Postgres), et les subscriptions en temps réel. Stripe gère les paiements. PostHog gère l'analytics et les feature flags. Vercel héberge l'application Next.js.

  • Coût mensuel à 100K MRR : 280-1 800 $/mois total (Vercel 200-800, Supabase 25-300, Stripe 2.9 % + 0.30 $/txn, PostHog 0-450)
  • Temps de build : 6-12 semaines pour MVP
  • Taille de l'équipe : 2-3 développeurs
  • Performance : Lighthouse 85-94 selon la complexité du dashboard

L'insight clé : ne sur-architecturez pas au démarrage. La sécurité au niveau des lignes de Supabase et Postgres font le travail de trois services séparés. Migrez vers une infrastructure dédiée quand vous êtes au-delà de $5M ARR, pas avant. Nous avons construit des dizaines de produits SaaS sur ce stack, documenté dans notre travail de développement SaaS.

Stack C : Entreprise Multi-locale

Next.js 16 + Sanity + Cloudflare Pages + Algolia

Les sites marketing d'entreprise avec 30+ locales, des dizaines de milliers de pages, et une fonctionnalité de recherche ont besoin d'une approche différente. Cloudflare Pages sur Vercel ici car le réseau edge global gère la latence multi-région mieux à cette échelle, et la différence de coût est significative : 500-2 000 $/mois sur Cloudflare vs 2 000-5 000 $/mois sur Vercel pour 5 millions de visiteurs mensuels.

  • Coût mensuel à 5M MV sur 30 locales : 450-5 000 $/mois (Cloudflare 50-400, Sanity 99-799, Algolia 100-1 500, monitoring/CDN/misc 200-2 300)
  • Temps de build : 12-24 semaines
  • Taille de l'équipe : 3-5 développeurs + 1 project manager
  • Performance : Lighthouse 88-95

Algolia gère la recherche sur toutes les locales avec classement spécifique à la langue. Les fonctionnalités de localisation de Sanity gèrent le contenu dans un document unique avec des champs spécifiques à la locale. Le routage i18n de Next.js mappe les slugs de locale au contenu correct.

Réalités de migration

Si vous migrez loin de WordPress, Drupal, ou Sitecore en 2026, voici ce que 90 % des agences ne vous disent pas avant que vous signiez le contrat.

Réalité du calendrier :

  • Sites marketing (jusqu'à 100 pages) : 6-12 semaines, du démarrage au live
  • Sites lourd-contenu (500-5 000 pages) : 10-16 semaines
  • E-commerce : 12-24 semaines
  • Entreprise avec intégrations (CRM, ERP, DAM) : 16-32 semaines

Les 5 choses qui cassent au cutover :

  1. Redirections. Les patterns d'URL WordPress (/category/post-name/, /page/2/) ne correspondent pas aux défauts de votre nouveau framework. Manquer une redirection et votre trafic organique chute de 20-40 % du jour au lendemain. Mappez chaque URL unique. Utilisez un outil de crawl (Screaming Frog, Sitebulb) pour construire la liste de redirection avant que vous n'écriviez une ligne de code.

  2. Données structurées / balisage schema. Vos plugins WordPress (Yoast, RankMath) ont généré JSON-LD automatiquement. Votre nouveau site expédie rien sauf vous le construisez explicitement. Schema Article, schema FAQ, schema Breadcrumb, schema Organization : tout a besoin d'implémentation manuelle.

  3. Balises hreflang. Si vous avez du contenu multi-locale, hreflang doit être correct le jour 1. Google prend des semaines pour re-crawler, et hreflang incorrect cause la mauvaise locale à classer. Testez avec le vérificateur de balise hreflang avant le cutover, pas après.

  4. Temps d'indexation de recherche. Google peut prendre 2-8 semaines pour ré-indexer complètement votre site après un changement majeur de structure d'URL, même avec des redirections parfaites. Planifiez un drop de trafic organique temporaire de 5-15 %. Ça se récupère, mais votre CMO doit le savoir.

  5. URLs d'image. WordPress stocke les images dans /wp-content/uploads/YYYY/MM/. Votre nouveau site utilise un CDN avec des chemins différents. Si un site externe ou email lie vers vos anciennes URLs d'image, ce sont des 404s sauf si vous les redirectez. Et les images sont souvent 40-60 % des URLs indexées d'un site.

Bande de coût réelle : 25K-200K $ selon le nombre de pages, les intégrations, et la complexité du contenu. Une migration de site marketing de 30 pages coûte 25K-50K $. Un site de contenu de 2 000 pages avec des custom post types, WooCommerce, et trois locales de langue coûte 80K-200K $.

Quand phaser vs cutover : Phasez quand vous avez plus de 500 pages ou des intégrations complexes. Exécutez le nouveau framework sur un sous-domaine ou un sous-répertoire d'abord. Migrez des sections progressivement. Cutover quand vous avez moins de 200 pages et pouvez valider tout dans un environnement de staging en un sprint.

Pour des playbooks de migration détaillés, voir :

FAQ

Quel est le framework web le plus moderne en 2026 ?

Astro 5 et Next.js 16 représentent l'état de l'art actuellement en 2026, mais ils servent des buts différents. Astro 5 est le choix le plus moderne pour les sites pilotés par contenu, expédiant zéro JavaScript par défaut et réalisant des scores Lighthouse de 95-100 de manière constante. Next.js 16 est le choix le plus moderne pour les applications interactives, avec les Server Components stables, les Server Functions, et le Partial Prerendering. « Moderne » en 2026 signifie rendu-premier-serveur avec hydratation client sélective, pas applications mono-page. L'ancien modèle d'expédition d'un runtime JavaScript complet pour rendre un blog post n'est plus considéré comme une pratique moderne.

Next.js est-il toujours le meilleur framework en 2026 ?

Next.js 16 est toujours le meilleur meta-framework React à usage général en 2026, mais il n'est pas le meilleur framework pour chaque projet. C'est le meilleur choix pour les applications SaaS, les plateformes e-commerce, et les produits authentifiés à cause de son écosystème profond, de son grand vivier de talents, et de l'infrastructure de Vercel. Cependant, pour les sites de contenu, Astro 5 surpasse Next.js en vitesse, coût, et simplicité. Pour les projets où la taille du bundle est critique, SvelteKit expédie significativement moins de JavaScript. Next.js est le défaut le plus sûr si vous êtes incertain, mais « plus sûr » et « meilleur » ne sont pas la même chose.

Dois-je utiliser Astro ou Next.js pour un site marketing ?

Utilisez Astro 5 pour un site marketing. Astro expédie zéro JavaScript par défaut, résultant en scores Lighthouse mobiles de 95-100 versus le typique 89-96 de Next.js pour du contenu similaire. Les coûts d'hébergement sont dramatiquement plus bas : un site Astro statique sur Cloudflare Pages coûte 0 $/mois à 1 million de visiteurs mensuels, tandis qu'un site Next.js sur Vercel coûte 180-600 $/mois. La complexité du build est aussi plus basse ; un développeur junior peut livrer un site marketing Astro en 1-2 semaines. La seule raison de choisir Next.js pour un site marketing est si la même codebase doit aussi servir une section application authentifiée, et même là, vous pourriez être mieux servi en exécutant deux déploiements séparés.

SvelteKit est-il prêt pour la production en 2026 ?

Oui, SvelteKit est complètement prêt pour la production en 2026. Les runes Svelte 5 sont stables, l'écosystème d'adaptateurs couvre toutes les plateformes d'hébergement majeures, et des entreprises comme Apple, Spotify (outils internes), et The New York Times Wirecutter utilisent Svelte en production. SvelteKit expédie les plus petits bundles de n'importe quel major framework, typiquement 30-60 % moins de JavaScript que les applications Next.js équivalentes. Le risque principal n'est pas la maturité technique mais le recrutement : le vivier de talents Svelte est à peu près 10-15 % de la taille de celui de React. Si vous pouvez staffez l'équipe, SvelteKit est un excellent choix.

Quel est le meilleur framework React pour le SEO en 2026 ?

Next.js 16 est le meilleur framework React pour le SEO en 2026. Il supporte la génération statique, le rendu serveur, et la régénération statique incrémentale, tous qui produisent du HTML complètement rendu que les moteurs de recherche peuvent indexer immédiatement. L'API Metadata provide un contrôle fin-grained sur les balises title, les meta descriptions, les balises Open Graph, et le balisage JSON-LD structuré. Le Partial Prerendering sert du contenu statique instantanément tout en streamant les sections dynamiques, ce qui aide avec les Core Web Vitals. Remix (React Router 7) est aussi fort pour le SEO avec son approche rendue-serveur, mais Next.js a plus d'outils SEO intégrés et un écosystème plus large d'exemples centrés sur le SEO.

Combien coûte-t-il d'héberger un site Next.js à 1 million de visiteurs mensuels ?

Héberger un site Next.js à 1 million de visiteurs mensuels coûte entre 20 $ et 600 $ par mois selon la plateforme et la stratégie de rendu. Sur Vercel Pro, attendez-vous à 180-600 $/mois pour un mélange de pages statiques et rendues serveur. Sur Cloudflare Pages avec l'adaptateur OpenNext, les coûts baissent à 20-80 $/mois, bien que certaines fonctionnalités spécifiques à Vercel nécessitent des solutions alternatives. Sur AWS Amplify, 150-400 $/mois est typique. Si vous exécutez une exportation Next.js purement statique (pas SSR), les coûts sur n'importe quelle plateforme baissent à 0-50 $/mois. La plus grande variable de coût est le ratio de pages rendues serveur versus statiques, suivi par la bande passante d'image.

Gatsby est-il mort ?

Gatsby n'est pas techniquement mort, mais il est effectivement abandonné à partir de 2026. Netlify a acquis Gatsby en 2023, a fermé Gatsby Cloud, et a réduit l'équipe principale à la maintenance minimale. La dernière version significative était mi-2024. L'écosystème de plugins se désagrège, avec de nombreux plugins populaires non maintenus et incompatibles avec les versions actuelles de Node.js. Les temps de build pour les grands sites restent 3-10x plus lents qu'Astro ou Next.js. Si vous êtes sur Gatsby aujourd'hui, planifiez une migration. Pour les sites de contenu, Astro 5 est le successeur naturel. Pour les sites de type application, Next.js 16. Ne commencez pas un nouveau projet sur Gatsby.

Puis-je migrer de WordPress vers Astro ?

Oui, migrer de WordPress vers Astro est l'un des chemins de migration les plus directs disponibles en 2026. Pour les sites centrés sur le contenu, vous exportez le contenu WordPress vers des fichiers Markdown ou connectez Astro vers un CMS headless comme Sanity, Contentful, ou Payload. Les Content Collections d'Astro provide une gestion de contenu typée en toute sécurité. Un site marketing typique de 50 pages migre en 2-4 semaines. Les principaux défis sont les mêmes que n'importe quelle migration WordPress : mappage de redirection, réimplémentation de données structurées, et gestion d'URL d'image. Le résultat est un site qui marque 95-100 sur Lighthouse, coûte presque rien à héberger, et est dramatiquement plus sûr que WordPress car il n'y a pas de runtime serveur à attaquer. Nous évaluons cette migration à 2 sur 5 en difficulté pour les sites de contenu. Voir notre guide complet sur les alternatives WordPress pour une comparaison détaillée.