En résumé
Webflow coûte 23–39$/mois avec lock-in propriétaire et scores Lighthouse entre 70 et 85. Next.js avec Onyx est gratuit, open source, déployable sur Vercel gratuitement, avec des scores Lighthouse entre 95 et 100. Webflow gagne sur l'interface visuelle no-code ; Next.js gagne sur les performances, la flexibilité et le coût total.
Webflow ou Next.js ? La réponse dépend d'un seul critère : qui va gérer le site et à quel rythme. Webflow convient aux designers qui veulent publier sans code. Next.js (via Onyx) convient aux développeurs qui veulent la performance maximale à coût minimal.
Ce guide compare les deux outils sur 6 critères : performances, coûts sur 3 ans, SEO, flexibilité, apprentissage et cas d'usage réels. Pas de réponse unique — mais des critères clairs pour décider.
Vous évaluez d'autres options ? Consultez notre guide complet des alternatives WordPress — Ghost, Hugo, Gatsby et plus.
Comparatif rapide Webflow vs Next.js
| Critère | Webflow | Next.js + Onyx |
|---|---|---|
| Prix mensuel | 23–39$/mois | 0$/mois |
| Score Lighthouse | 70–85 | 95–100 |
| Courbe d'apprentissage | Faible (no-code) | Élevée (React/JS) |
| Hébergement | Propriétaire | Vercel (gratuit) |
| Open source | Non | Oui |
| Lock-in | Élevé | Aucun |
| TTFB moyen | 200–500ms | 20–60ms |
Qu'est-ce que Webflow ?
Webflow est une plateforme no-code SaaS fondée en 2013. Elle permet de créer des sites web visuellement, sans écrire de code, depuis un éditeur drag-and-drop dans le navigateur.
Webflow génère du HTML, CSS et JavaScript à partir de votre design visuel, puis héberge le résultat sur son infrastructure propriétaire. Vous ne gérez ni serveur, ni déploiement, ni configuration technique.
Les forces de Webflow
Webflow excelle sur l'accessibilité. Un designer sans compétences en développement peut créer un site professionnel en quelques jours. L'interface est puissante — animations, interactions, CMS visuel — et le résultat est souvent propre visuellement.
Le CMS Webflow permet de gérer des articles, des projets ou des produits depuis une interface graphique. Un client non technique peut publier du contenu sans toucher au code ni contacter son développeur.
Webflow intègre aussi un système d'e-commerce (plans à partir de 29$/mois) et des formulaires natifs. Pour un site vitrine avec des besoins standards, tout est inclus dans une seule plateforme.
Les limites de Webflow
Le prix est l'obstacle principal. Le plan Basic à 23$/mois est limité à 150 pages. Le plan CMS à 39$/mois ajoute le blog et les collections dynamiques — soit 468$/an minimum pour un site fonctionnel.
Le lock-in est total. Votre site vit sur l'infrastructure Webflow. Si Webflow change ses tarifs, ferme un plan ou disparaît, migrer votre contenu est douloureux. Le code généré est difficilement réutilisable ailleurs.
La personnalisation technique a des limites dures. Ajouter une fonctionnalité qui sort du cadre Webflow (API complexe, logique serveur, edge functions) nécessite des contournements ou des services tiers facturés en plus.
Qu'est-ce que Next.js / Onyx ?
Next.js est un framework React open source maintenu par Vercel. Selon le State of JS, Next.js est le framework JavaScript le plus utilisé 4 années consécutives. Onyx est un template Next.js open source créé par Spectre Digital — un point de départ prêt pour la production.
Next.js génère des pages statiques au moment du build (Static Site Generation) ou à la demande (Server Side Rendering). Les pages statiques sont servies depuis un CDN mondial — sans base de données, sans latence serveur.
Les forces de Next.js + Onyx
La performance est structurelle. Un TTFB de 20–60ms n'est pas le résultat d'une optimisation manuelle — c'est l'architecture par défaut. Les fichiers HTML sont pré-générés et servis depuis Vercel Edge Network, proche de chaque visiteur.
Le coût est nul. Vercel propose un plan gratuit qui couvre la quasi-totalité des sites vitrines et blogs. Onyx est open source et gratuit. L'hébergement d'un site de trafic modéré coûte 0$ par mois. Sur 3 ans, l'écart avec Webflow dépasse 1 400$.
La flexibilité est totale. Next.js permet d'intégrer n'importe quelle API, d'ajouter des routes serveur, de brancher un CMS headless, de déployer des edge functions. Aucune limite plateforme. Aucun fournisseur à ménager.
Découvrez toutes les fonctionnalités d'Onyx — SEO automatique, dark mode, analytics RGPD, composants MDX prêts à l'emploi.
Les limites de Next.js + Onyx
La courbe d'apprentissage est réelle. Démarrer avec Next.js suppose de maîtriser React, JavaScript moderne et les concepts de SSG/SSR. Un designer sans background technique ne peut pas travailler directement dans le code.
La gestion de contenu est moins intuitive. Les articles sont écrits en MDX (Markdown enrichi). C'est puissant pour les développeurs — c'est un frein pour un rédacteur non technique. Un CMS headless (Sanity, Tina CMS) peut combler ce gap, mais ajoute de la configuration.
Webflow vs Next.js : les performances
Les performances sont l'écart le plus mesurable entre les deux outils. Google définit un bon LCP (Largest Contentful Paint) sous 2,5s selon web.dev. Webflow atteint rarement cet objectif sur mobile sans optimisation manuelle.
Scores Lighthouse comparés
| Métrique | Webflow (moyen) | Next.js + Onyx |
|---|---|---|
| Performance | 70–85 | 95–100 |
| Accessibilité | 80–90 | 95–100 |
| SEO | 85–95 | 95–100 |
| TTFB | 200–500ms | 20–60ms |
| LCP mobile | 2,2–3,5s | 0,8–1,4s |
Webflow génère du JavaScript supplémentaire pour ses interactions et animations. Ce JS alourdit les pages et dégrade le Time to Interactive. Sur mobile en 3G, l'écart de chargement peut dépasser 2 secondes.
Next.js avec Onyx utilise next/image pour servir des images WebP/AVIF optimisées, next/font pour éliminer le layout shift lié aux polices, et le code splitting automatique pour ne charger que le JavaScript nécessaire à chaque page.
Les Core Web Vitals impactent le classement Google depuis mai 2021. Un site Webflow avec un score de 72 en performance perd des positions face à un concurrent Next.js à 98 — à contenu égal.
Webflow vs Next.js : le coût total sur 3 ans
Le coût de Webflow semble raisonnable au départ — 23$/mois. Sur 3 ans, la réalité est différente.
Tableau de coûts sur 36 mois
| Poste | Webflow CMS | Next.js + Onyx |
|---|---|---|
| Hébergement | 39$/mois × 36 = 1 404$ | 0$ (Vercel gratuit) |
| Nom de domaine | ~15$/an × 3 = 45$ | ~15$/an × 3 = 45$ |
| Plugins / intégrations | 50–200$/an = 150–600$ | 0$ |
| Développement initial | 500–2 000$ | 500–2 000$ |
| Maintenance | Faible | Très faible |
| Total estimé | 2 099–4 049$ | 545–2 045$ |
Sur 3 ans, Webflow CMS coûte 1 554$ à 2 004$ de plus que Next.js + Onyx à usage équivalent. Cette différence augmente avec le trafic — Vercel facture uniquement à partir d'un seuil élevé que la majorité des sites n'atteignent jamais.
Le plan Webflow Business à 39$/mois est souvent nécessaire dès que le site dépasse 2 000 items CMS ou 100 000 visiteurs/mois. Next.js sur Vercel Pro coûte 20$/mois à ce niveau — soit encore 19$/mois d'économie.
Webflow vs Next.js : la flexibilité technique
Webflow est une boîte — puissante, mais fermée. Ce qu'elle ne supporte pas nativement, vous ne pouvez pas le faire — ou vous devez payer un service tiers.
Lock-in Webflow vs open source Next.js
Webflow stocke votre contenu dans sa base de données. Exporter tout votre contenu CMS est possible, mais le réimporter ailleurs est une opération manuelle et longue. Votre design visuel, lui, n'est pas transférable.
Next.js est open source sous licence MIT. Votre code vous appartient. Vous pouvez le déployer sur n'importe quel hébergeur compatible Node.js : Vercel, Netlify, Railway, votre propre VPS. Changer d'hébergeur prend une heure.
Webflow ne supporte pas nativement : les edge functions complexes, les API routes avec logique serveur, les connexions base de données directes, les workers background. Chaque besoin sortant du cadre standard nécessite un service externe.
Next.js supporte tout. API Routes, Server Actions, Edge Functions, connexions Prisma/Drizzle, websockets via un serveur custom. L'écosystème npm donne accès à des centaines de milliers de packages.
Webflow vs Next.js : le SEO
Les deux outils produisent du HTML lisible par Google. Mais Next.js offre un contrôle technique plus fin sur tous les aspects du SEO.
SEO technique comparé
| Fonctionnalité SEO | Webflow | Next.js + Onyx |
|---|---|---|
| Métadonnées par page | ✅ Oui | ✅ Oui |
| Open Graph | ✅ Oui | ✅ Automatique |
| JSON-LD (données structurées) | ⚠️ Partiel / manuel | ✅ Automatique |
| Sitemap XML | ✅ Généré | ✅ Dynamique |
| Flux RSS | ❌ Non | ✅ Inclus |
| Core Web Vitals | ⚠️ Variables | ✅ Optimisés |
| Redirections 301 | ✅ Interface | ✅ next.config.js |
Onyx génère automatiquement le JSON-LD (BlogPosting, Organization, BreadcrumbList) depuis le frontmatter MDX — sans plugin, sans configuration manuelle. Les données structurées améliorent l'apparence dans les résultats Google (rich snippets) et augmentent les chances d'être cité par les LLMs.
Les Core Web Vitals sont un facteur de classement direct. Un site Next.js + Onyx avec un LCP de 0,9s est structurellement avantagé face à un site Webflow à 2,8s — à qualité de contenu équivalente.
Le flux RSS (disponible sur Onyx, absent de Webflow) permet d'être référencé dans Google News, les agrégateurs de contenu et les lecteurs RSS — autant de sources de trafic supplémentaires.
Quand choisir Webflow ?
Webflow est le bon choix dans ces situations précises :
- Vous êtes designer, pas développeur, et vous voulez créer sans écrire de code
- Votre client gère son contenu seul, depuis une interface graphique simple
- Le budget de développement est très serré et un template Webflow préfait suffit
- La vitesse de mise en ligne prime sur l'optimisation technique
- Vous n'avez pas besoin de fonctionnalités sur mesure — formulaires, blog, pages — tout est dans Webflow
- L'équipe n'a pas de compétences React/JavaScript et ne souhaite pas en acquérir
Quand choisir Next.js / Onyx ?
Next.js avec Onyx est le bon choix dans ces situations :
- Un développeur (ou une agence) gère le site — le workflow MDX + Git est un avantage, pas une contrainte
- La performance est une priorité — e-commerce, landing page à fort trafic, site institutionnel
- Le SEO est stratégique — données structurées, Core Web Vitals, flux RSS, contrôle total des métadonnées
- Le budget est limité — 0$/mois d'hébergement vs 39$/mois sur Webflow
- Vous voulez de la flexibilité — intégrations API, fonctionnalités sur mesure, déploiement libre
- Vous refusez le lock-in — votre code vous appartient, vous choisissez votre hébergeur
Conclusion : Webflow ou Next.js en 2026 ?
Webflow est un excellent outil no-code. Si votre priorité est l'autonomie sans code et que vous acceptez le coût mensuel, c'est un choix rationnel.
Pour un développeur ou une agence qui construit des sites performants, Next.js + Onyx n'a pas de concurrent direct sur le rapport performance/coût/flexibilité. Scores Lighthouse entre 95 et 100, hébergement gratuit, zéro lock-in, SEO automatique.
La question n'est pas "lequel est meilleur ?" — c'est "pour qui ?". Webflow pour les non-développeurs qui veulent agir vite. Next.js pour les équipes techniques qui veulent construire pour durer.
Prêt à démarrer ? Démarrer avec Onyx — en production en moins d'une heure, gratuitement.
