Next.js vs Webflow

Webflow et Next.js ne jouent pas sur le même terrain. Webflow est une plateforme visuelle hébergée : un designer construit les pages sur un canevas, le CMS et l’hébergement sont inclus, et l’équipe marketing publie sans développeur. Next.js est un framework React : des développeurs construisent le site en code, vous choisissez le CMS et l’hébergeur, et rien ne limite ce que le site peut faire.

Si votre site est un site marketing compact, tenu par une équipe portée par le design et sans responsable technique, choisissez Webflow. Il est plus rapide à lancer, il n’y a rien à maintenir, et votre équipe garde son autonomie.

Si le site est un canal d’acquisition qui ne cesse de grandir, avec des centaines de pages, plusieurs langues, des gabarits spécifiques, des intégrations avec votre produit ou votre CRM, ou s’il est sur le point de devenir une application, choisissez Next.js avec Payload. C’est ce que nous avons fait pour notre propre site.

La question décisive est de savoir si quelqu’un de technique, en interne ou en agence, portera le site après le lancement.

Next.js est un framework React open source maintenu par Vercel et publié sous licence MIT. Il gère le routage, le rendu serveur, la génération statique, le cache, l’optimisation des images et des polices, et la logique back-end dans le même projet. La dernière version stable en novembre 2026 est la 16.4.

Next.js n’est ni un outil visuel ni un CMS. Les pages et les composants s’écrivent en code, souvent avec Tailwind CSS, et le contenu vient d’un CMS de votre choix. Nous utilisons Payload, un CMS open source qui s’installe dans l’application Next.js : le modèle de contenu est du code, l’interface d’administration en est générée, et le contenu vit dans votre propre base de données. Le framework est gratuit ; vous payez l’hébergement (Vercel, un serveur Node.js ou un conteneur) et le développement.

Webflow est une plateforme de développement visuel : un canevas de design qui écrit du vrai HTML et du vrai CSS, un CMS avec collections et références, une localisation native, et un hébergement sur AWS derrière un CDN mondial, le tout dans un seul abonnement. Les designers travaillent sur de vraies notions CSS (classes, flexbox, grid), et les rédacteurs mettent à jour textes, images et entrées du CMS dans un Editor simplifié, sans toucher à la mise en page.

Sa force, c’est l’autonomie : une équipe portée par le design peut construire, modifier et publier un site professionnel sans développeur, et Webflow gère l’hébergement, la sécurité et les mises à jour. Ses limites apparaissent quand le site doit faire ce pour quoi un outil visuel n’a pas été conçu : logique sur mesure, comptes utilisateurs, intégrations profondes, très gros volumes dans le CMS ou modèle de contenu qui ne rentre pas dans des collections. Nous sommes partenaire certifié Webflow et livrons toujours des sites Webflow.

Les dix critères que nous regardons sur chaque projet de site. La dernière colonne indique l’option qui l’emporte, d’après notre expérience sur les projets clients et sur notre propre migration, avec Next.js associé à Payload.

C’est le cœur du choix. Sur Webflow, un designer peut créer une page, une section ou un modèle du CMS sans rien demander à personne. Les rédacteurs modifient le contenu dans l’Editor, et le site reste cohérent s’il a été construit sur un système de classes propre (nous utilisons Client-First). Pour une équipe qui veut itérer chaque semaine sur son propre site marketing, cette autonomie est le meilleur argument de Webflow.

Sur Next.js, les nouveaux gabarits et sections sont du code. Les rédacteurs travaillent dans l’interface d’administration de Payload : ils créent des pages à partir de blocs validés, écrivent des articles, gèrent les études de cas, prévisualisent et publient, souvent plus vite que dans Webflow car les champs correspondent exactement à leur contenu. Mais un nouveau type de bloc ou une mise en page qui n’existe pas encore passe par un développeur.

En 2026, l’IA a changé cette équation pour nous. Avec des agents de code comme Claude Code, une modification qui prenait un après-midi à un développeur prend désormais quelques minutes, relue et déployée. Après notre mise en ligne, nous avons livré 113 modifications en quatre jours. Un site Next.js avec une équipe équipée d’IA peut aujourd’hui avancer plus vite qu’un outil visuel ; sans responsable technique, il n’avance pas du tout.

Les deux offrent une liberté de design totale ; ils diffèrent par le chemin. Webflow permet à un designer de construire visuellement ce qu’il confierait sinon à un développeur, avec des interactions et animations construites sur GSAP. Ce que vous voyez sur le canevas est ce qui est publié.

Dans Next.js, le design est intégré en code à partir d’un fichier Figma, en général avec Tailwind CSS et une bibliothèque de composants qui devient votre design system. C’est plus long pour la première page et plus court pour la centième : les composants sont réutilisés, typés et testés, et une modification de bouton se propage partout. Les animations passent par des bibliothèques comme Motion ou GSAP, sans limite à ce qu’on peut faire.

Si l’équipe design veut maîtriser directement la couche visuelle, Webflow est le choix naturel. Si la cohérence du design sur des centaines de pages et un design system partagé avec votre produit comptent davantage, Next.js est plus solide.

Les sites Webflow sont rapides quand ils sont construits avec soin : hébergement sur AWS avec CDN, chargement différé, code minifié. Mais vous maîtrisez moins ce qui est chargé : les scripts de la plateforme, les interactions et le code tiers intégré ajoutent un poids difficile à retirer.

Dans Next.js, chaque octet est une décision. Les pages sont pré-générées ou mises en cache, chaque page ne charge que le JavaScript dont elle a besoin, les images sont redimensionnées et servies dans des formats modernes, et les polices sont auto-hébergées sans décalage de mise en page. Sur notre propre site, le passage de Webflow à Next.js a fait passer le poids des pages sur mobile de 3,7 Mo à 1,0 Mo, à design identique.

Un site Webflow bien construit est performant ; un site Next.js bien construit va plus loin, et cette marge compte surtout sur les gros sites d’acquisition, où chaque gabarit est vu des milliers de fois.

Le CMS de Webflow est bon : collections avec références, multi-références, filtres et modèles dynamiques. Ses limites viennent de l’offre : nombre d’éléments, nombre de collections et de champs par collection, et une structure qui doit entrer dans le modèle des collections. Les contenus volumineux ou très liés entre eux, et la logique comme les champs conditionnels ou les valeurs calculées, demandent vite des contournements ou des outils tiers.

Avec Payload, le modèle de contenu est du code : il est donc exactement ce qu’il vous faut. Collections, réglages globaux, relations dans tous les sens, blocs réutilisables, champs conditionnels, validations, actions déclenchées à l’enregistrement, rôles par champ. Notre propre site tourne sur 21 collections Payload, des pages et articles aux outils, comparatifs, entrées de glossaire et redirections, en anglais et en français, sans autre limite de volume que la base de données.

Si votre contenu tient en quelques collections, Webflow fait très bien le travail. Si le modèle de contenu est la colonne vertébrale du site, Payload joue dans une autre catégorie.

Webflow a l’un des meilleurs contrôles SEO natifs parmi les outils visuels : balises par page et par modèle du CMS, HTML sémantique, redirections 301, plan de site automatique, Open Graph, et données structurées par des champs du CMS ou du code intégré. Webflow Localization ajoute les langues avec des URL traduites et des balises hreflang automatiques, sous forme d’option payante par langue.

Next.js part de rien et vous laisse construire exactement ce que vous voulez : métadonnées, URL canoniques, hreflang, données structurées et plans de site sont générés par le code à partir des champs du CMS, sur chaque gabarit, dans chaque langue. Les langues font partie du routage, et Payload stocke nativement les champs traduits, sans coût par langue.

Sur le SEO seul, c’est une égalité : les deux peuvent très bien se positionner. Sur un site avec beaucoup de gabarits et plusieurs langues, Next.js donne plus de contrôle pour un coût récurrent moindre.

Beaucoup de sites marketing finissent par avoir besoin de ce qu’un outil visuel ne sait pas faire nativement : un espace client, un simulateur de devis, un parcours de réservation, une recherche dans vos propres données, un tableau de bord, une intégration qui écrit dans votre CRM. Sur Webflow, chacun de ces besoins passe par un outil tiers (Memberstack, Wized, Xano, etc.) relié par des scripts, avec des abonnements séparés et des données dispersées entre plusieurs éditeurs.

Next.js est un framework full-stack : comptes, API, accès à la base, tâches en arrière-plan et tableaux de bord vivent dans le même projet que les pages marketing. Le site et le produit partagent composants, données et déploiements. C’est la raison principale pour laquelle nous recommandons Next.js pour les sites appelés à devenir des produits, et pourquoi notre agence Next.js construit outils de gestion, portails clients et applications internes sur la même stack que les sites marketing. Les applications font toujours l’objet d’un devis par projet.

Notre site a tourné sur Webflow pendant des années, et il nous a bien servis. En novembre 2026, nous l’avons migré vers Next.js et Payload, pour trois raisons : nous voulions garder la main sur le modèle de contenu, le code et les données ; nous ajoutions des fonctions qu’un outil visuel n’offre pas, comme les fiches outils, les comparatifs et un circuit de blog automatisé ; et nous voulions un site sur lequel des agents IA peuvent travailler de bout en bout, en code, avec relecture et historique.

La migration portait sur 1 114 URL. 999 ont été gardées telles quelles, 115 redirigées en 301, et aucune n’a été perdue. Le poids des pages sur mobile est passé de 3,7 Mo à 1,0 Mo. Le nouveau site tourne sur 21 collections Payload, en anglais et en français, et nous avons livré 113 modifications dans les quatre jours qui ont suivi la mise en ligne.

Cela ne fait pas de Webflow un mauvais choix. Cela veut dire que notre site était devenu autre chose : un produit, avec un site marketing par-dessus. Nous restons partenaire Webflow, et nous le recommandons toujours pour les sites marketing compacts.

Le bon choix dépend de votre situation, pas d’un classement. La règle simple : si le site est compact et que votre équipe marketing doit rester autonome, Webflow ; si le site est un canal de croissance ou le début d’un produit, Next.js avec Payload.

Notre page agence Webflow présente notre façon de livrer des sites Webflow, et notre page agence Next.js les sites et applications sur mesure.

Les deux structures de coût sont opposées. Webflow est un abonnement, avec peu d’effort de construction pour un site compact ; Next.js est un logiciel gratuit, avec plus d’effort de construction et moins de frais récurrents.

Webflow. Un plan de site coûte 15 $ par mois en Basic et 25 $ en Premium avec le CMS, en paiement annuel (25 $ et 39 $ en mensuel), avec des offres supérieures pour l’e-commerce et les gros sites. Ajoutez un plan Workspace pour la collaboration (Core dès 19 $ par mois en annuel), Localize dès 9 $ par mois et par langue en annuel, et des outils tiers quand le site a besoin d’espaces membres, de filtres avancés ou de fonctions applicatives.

Next.js. Le framework et Payload sont gratuits, sous licence MIT. L’hébergement sur Vercel démarre avec une offre Hobby gratuite pour les projets personnels ; Pro coûte 20 $ par siège de développeur et par mois, avec 20 $ de consommation inclus. La base de données et le stockage des fichiers ajoutent un coût mensuel modeste, selon le fournisseur. Il n’y a aucun coût par langue, par élément du CMS ou par rédacteur.

Construction et entretien. Un site Webflow compact est plus rapide et moins cher à livrer. Un site Next.js coûte plus cher à construire, et quelqu’un doit mettre à jour les dépendances et déployer. Pour les fonctionnalités et applications sur mesure, nous travaillons toujours sur devis. Sur deux ou trois ans, pour un site qui grandit, l’absence de coûts par langue et d’abonnements tiers inverse souvent la comparaison.

Les prix des offres sont les prix officiels en dollars américains relevés en novembre 2026. Nous relisons les deux pages de prix avant chaque estimation.

Le contenu du CMS s’exporte de Webflow et s’importe dans Payload par script ; les pages, composants et interactions sont reconstruits en code. L’objectif : un site identique le premier jour, qui garde chaque URL positionnée et grandit plus facilement ensuite. Notre service de migration de site suit la méthode appliquée à notre propre site.

Nos notes tirées de plusieurs années sur Webflow et de notre propre site en Next.js et Payload. Le détail est dans nos fiches Next.js et Webflow.

Prix et fonctionnalités ont été vérifiés sur les pages officielles ci-dessous le 14 novembre 2026 ; les chiffres de migration viennent de notre propre site. Les prix sont les prix officiels en dollars américains, hors taxes.