L'essentiel · 30 secondes de lecture
Next.js est un framework React gratuit (licence MIT) maintenu par Vercel. Seul l'hébergement est payant : Vercel (Hobby gratuit, Pro 20 $ par siège et par mois) ou autre.
- Gratuit et open source (licence MIT), maintenu par Vercel. Dernière version stable en novembre 2026 : 16.4.
- Le vrai coût, c'est l'hébergement : Vercel, un serveur Node.js, un conteneur ou une autre plateforme.
- App Router, React Server Components, rendu serveur et génération statique dans un seul framework.
- Notre avis : le choix par défaut pour un site ou une application sur mesure en 2026, si un développeur porte le code.
Résumer cette page avec l'IA
Next.js est le framework sur lequel repose notre propre site. Depuis novembre 2026, bebranded.xyz tourne sur Next.js 16 avec l'App Router, Payload CMS et Tailwind CSS, hébergé chez Vercel. Cette fiche explique ce qu'est Next.js, s'il est vraiment gratuit, ce que coûte l'hébergement et quand un outil visuel comme Webflow reste le meilleur choix.
01C'est quoi Next.js ?
Next.js est un framework React open source maintenu par Vercel et publié sous licence MIT. React construit l'interface ; Next.js ajoute tout ce dont un vrai site ou une vraie application a besoin autour : routage par fichiers, rendu côté serveur, génération statique, récupération des données, cache, optimisation des images et outils de build.
La dernière version stable affichée sur nextjs.org en novembre 2026 est la 16.4. Deux routeurs coexistent : l'App Router (le dossier app, construit sur les React Server Components), qui est le routeur recommandé, et l'ancien Pages Router, toujours pris en charge pour les projets existants.
02Notre usage de Next.js chez BeBranded
Notre site est une application Next.js 16 avec l'App Router. Elle sert les pages publiques en anglais et en français, et elle héberge aussi l'administration de Payload, puisque Payload 3 s'installe dans Next.js. Concrètement :
- Les Server Components récupèrent les contenus directement par la Local API de Payload, sans couche HTTP supplémentaire.
- Des requêtes mises en cache gardent les pages rapides ; à chaque publication dans le CMS, un hook invalide l'étiquette de cache et la modification part en ligne.
- Les API de métadonnées génèrent titres, descriptions, URL canoniques et alternatives de langue pour chaque version.
- Tailwind CSS gère les styles, et l'application se déploie sur Vercel depuis GitHub.
Nous avons choisi Next.js pour les raisons qui nous le font recommander aux clients qui veulent un site sur mesure, une application web ou un MVP : un seul framework pour les pages marketing et les fonctionnalités produit, un écosystème immense, et un code qu'un développeur React peut reprendre. Notre article Webflow vs Claude Code raconte comment le développement assisté par IA a changé l'équation pour nous.
03Fonctionnalités clés
- App Router avec mises en page, routes imbriquées, états de chargement et d'erreur définis par des fichiers.
- React Server Components pour récupérer les données côté serveur et envoyer moins de JavaScript.
- Un mode de rendu par page : statique, rendu serveur ou régénéré à intervalle ou à la demande.
- Route handlers et server actions pour écrire la logique back-end dans le même projet.
- Optimisation des images, des polices et des scripts intégrée.
- API de métadonnées, de sitemap et de robots pour le SEO.
- Routage multilingue pour les sites en plusieurs langues.
04Prix de Next.js en 2026
Next.js n'a pas de page de tarifs : le framework est gratuit. Licence vérifiée sur nextjs.org le 14 novembre 2026 ; tarifs d'hébergement relevés sur vercel.com/pricing le même jour, en dollars américains hors taxes.
| Poste | Prix | |
|---|---|---|
| Framework Next.js | Gratuit | Remarques Open source, licence MIT, usage commercial autorisé |
| Vercel Hobby | 0 $/mois | Remarques 1 siège développeur, plafonds d'usage (par exemple 100 Go de transfert par mois), pas de dépassement payant |
| Vercel Pro | 20 $ par siège développeur/mois | Remarques 20 $ de crédit d'usage inclus, puis paiement à l'usage ; sièges lecteurs gratuits |
| Vercel Enterprise | Sur devis | Remarques SSO, journaux d'audit, engagements de service |
| Auto-hébergement | Coût de votre serveur | Remarques Tout serveur Node.js ou conteneur ; montée en charge et mises à jour à votre charge |
Next.js est-il gratuit ? Oui, entièrement. Le framework ne coûte rien, quelle que soit la taille du projet. Le budget part dans l'hébergement et surtout dans les développeurs qui construisent et maintiennent le site.
05Avantages et inconvénients
Avantages
- Gratuit, open source et très répandu : recruter ou transmettre un projet est simple.
- Un seul framework pour les pages de contenu, les API et les fonctionnalités applicatives.
- Une maîtrise fine du rendu et du cache, utile à la vitesse comme au SEO.
- L'écosystème React : composants, CMS, authentification, paiement, mesure d'audience.
- Très bien adapté aux CMS headless comme Payload, Contentful ou Storyblok.
Inconvénients
- Il faut des développeurs : pas d'éditeur visuel pour le marketing par défaut.
- Le framework évolue vite ; chaque version majeure apporte de nouveaux concepts et du travail de mise à jour.
- Les options de cache et de rendu sont puissantes mais longues à maîtriser.
- Certaines fonctions sont plus simples sur Vercel ; l'auto-hébergement demande plus de réglages.
06Notre verdict
Pour qui
- Les entreprises qui construisent un site sur mesure appelé à devenir un produit.
- Les startups qui lancent un SaaS ou un MVP avec une équipe React.
- Les équipes qui associent un CMS headless à un front-end rapide et bien référencé.
- Les agences et développeurs qui veulent la maîtrise complète du code et des performances.
Pour qui pas
- Les petites équipes sans développeur qui doivent publier leurs pages seules : Webflow ou Framer conviennent mieux.
- Les sites vitrines simples, rarement modifiés, sans fonctionnalité spécifique.
- Les équipes standardisées sur une autre stack (Vue, Svelte, PHP) sans compétence React.
07Alternatives à Next.js
| Outil | Idéal pour | |
|---|---|---|
| Next.js | Sites sur mesure et applications React complètes | Approche Framework React open source |
| Webflow | Sites marketing construits visuellement | Approche Éditeur no-code, CMS et hébergement |
| Framer | Sites marketing rapides et soignés | Approche Constructeur no-code |
| WordPress | Sites de contenu classiques | Approche CMS PHP avec thèmes et extensions |
| Astro | Sites de contenu avec peu de JavaScript | Approche Framework open source orienté contenu |
Notre règle : Next.js quand le site est aussi un produit ou demande des fonctionnalités spécifiques ; Webflow ou Framer quand l'équipe marketing doit travailler seule. Nos comparatifs Webflow vs Astro et Webflow vs Payload détaillent l'arbitrage.
08Next.js ou Webflow : pourquoi nous avons changé
Nous avons construit sur Webflow pendant des années et restons Webflow Certified Partner. Nous avons passé notre propre site sur Next.js pour réunir le modèle de contenu, le code et les données dans un seul dépôt, sans limite sur les fonctionnalités, et parce que le développement assisté par IA rend désormais le code plus rapide à maintenir. Le prix à payer : chaque modification passe par un développeur. Pour beaucoup de clients, un outil no-code reste la bonne réponse ; notre article quand un outil no-code devient trop limité montre où passe la frontière.
