Migration · Webflow vers Next.js

Migration Webflowvers Next.js.

Quand Webflow ne suffit plus (trop de pages, plusieurs langues, des intégrations fragiles, une logique métier impossible à loger), nous reconstruisons votre site en Next.js : un code qui vous appartient, hébergé où vous le décidez, avec le CMS adapté à votre équipe. Votre design, vos contenus et votre trafic suivent.

Audit · reconstruction en Next.js · CMS au choix · redirections 301 · exploitation
rebuild-plan.json
Webflow → Next.js
Site Webflow existant
Pages · CMS · interactions · intégrations
00
Audit & limites
Ce qui bloque, ce qui marche
01
Architecture & CMS
Pages, données, outil éditorial
02
Next.js en production
Code · hébergement · CI
03
Exploitation
Sauvegardes · mises à jour · suivi
04
Code à vousTrafic protégéHébergement au choix

En bref

La migration Webflow vers Next.js consiste à reconstruire en code un site Webflow, avec Next.js, une base de développement très répandue pour les sites et les applications. Le design, les contenus et les adresses sont repris. Ce que Webflow gérait pour vous (hébergement, CMS, formulaires) est remplacé par des briques choisies pour votre projet. Vous y gagnez deux fois : les limites de la plateforme disparaissent (volume, langues, intégrations, logique métier) et vous possédez un code que n'importe quelle équipe de développement peut reprendre. Scroll, agence parisienne, a fait ce chemin pour son propre site : vous profitez de cette expérience.

300+ projets livrés150+ clients accompagnés4,9 note Google2021 agence créée en février Le site que vous consultez : reconstruit de Webflow vers Next.js + Payload
01 — La bonne décision

Garder, étendre ou reconstruire ?

Webflow reste un excellent outil pour beaucoup de sites marketing : nous en créons et en maintenons. Avant de recommander une reconstruction, nous répondons à trois questions.

Question 1

Garder Webflow

Site vitrine aux besoins stables, équipe qui modifie le design elle-même, limites surtout de contenu ou de SEO. Une optimisation ou une refonte dans Webflow suffit.

On reste sur Webflow
Question 2

Étendre Webflow

Le site convient, mais il faut le relier à un CRM, automatiser des envois ou ajouter une fonction ponctuelle. Des intégrations et des automatisations autour de Webflow peuvent suffire.

Webflow + intégrations
Question 3

Reconstruire en Next.js

Les limites sont structurelles : volume, langues, logique métier, performances, dépendance à la plateforme. Une reconstruction en code crée un socle que vous possédez.

Next.js + CMS au choix
02 — Les signaux

Quand Webflow ne suffit plus.

Quitter Webflow devient pertinent quand la plateforme fixe les limites du projet à la place de vos besoins. Les signaux les plus fréquents :

Plafonds du plan Webflow qui se rapprochent
Plusieurs langues lourdes ou coûteuses à gérer
Intégrations CRM ou ERP qui passent par des contournements
Logique métier impossible à loger : calculs, simulateurs, espaces connectés
Données qui doivent rester chez vous, ou en France
Scripts et embeds empilés dans les pages
Performances qui baissent avec le volume
Collections reliées difficiles à faire évoluer
Besoin de tests, de versions et de relecture du code
Abonnements et places qui grimpent avec l'équipe
Une seule personne sait encore modifier le site
Envie de pouvoir changer de prestataire sans tout refaire

Vous vous reconnaissez dans plusieurs de ces signaux ? La question devient : quoi reconstruire, et dans quel ordre. C'est exactement ce que fixe notre audit.

03 — SEO sous contrôle

La checklist de bascule.

Changer de technologie change la façon dont chaque page est produite et servie. Nous sommes là pour préserver votre trafic : la bascule est préparée adresse par adresse, puis suivie après la mise en ligne.

Inventaire complet des adresses, y compris celles des collections Webflow
Pages qui apportent du trafic (Search Console, mesure d'audience)
Titles, meta descriptions et images de partage repris page par page
H1 et structure des titres (Hn)
Pages rendues côté serveur : le contenu est dans le HTML, pas chargé après coup
Métadonnées présentes dès la première réponse du serveur
Images re-hébergées, sans dépendance au CDN de Webflow
Plan de redirections 301 (1 adresse → 1 destination claire)
Liens internes écrits dans les textes, corrigés
Sitemap.xml généré automatiquement
Robots.txt et balises canoniques vérifiés
Langues : une adresse par langue et balises hreflang
Suivi Search Console après la mise en ligne
Comparaison avant/après sur plusieurs semaines
D'abord protéger ce qui marche, puis profiter de la reconstruction pour gagner du terrain là où Webflow vous freinait : rendu serveur, vitesse, langues.
04 — Page par page

Ce qu'on garde, ce qu'on reconstruit.

Une reconstruction n'est pas un export de code. L'export de Webflow donne des pages HTML et CSS, utiles comme référence, rarement comme base à faire évoluer. Nous décidons page par page, composant par composant.

On conserve
  • Le design qui fonctionne
  • Les adresses qui comptent
  • Les contenus qui performent
  • Les métadonnées utiles
  • Les images et médias
  • Les animations qui servent le message
  • Les formulaires importants
  • Les événements de mesure d'audience
  • L'autonomie éditoriale
On reconstruit
  • Les pages en composants réutilisables
  • Les interactions et animations, dans le code
  • Le modèle de contenu
  • Les formulaires et leurs envois
  • Les intégrations avec vos outils
  • Les langues
  • La logique métier
  • L'hébergement
  • Les sauvegardes et la surveillance

La bonne approche peut être une reconstruction complète ou, pour un gros site, une reconstruction par étapes.

05 — Mapping

De Webflow vers Next.js.

L'enjeu n'est pas de recopier les pages, mais de remplacer ce que la plateforme faisait pour vous par des briques que vous maîtrisez.

Existant WebflowDestination Next.js
Pages du DesignerComposants React réutilisables
Interactions WebflowAnimations codées, plus légères
Collections CMSCollections du CMS choisi (Payload par défaut, ou Directus)
Localization WebflowLangues gérées par le site, une adresse par langue
Formulaires WebflowFormulaires développés, envoyés vers vos outils
Hébergement WebflowHébergement choisi (OVH, Vercel, Scaleway…)
Scripts et embedsIntégrations reprises, nettoyées ou remplacées
Réglages SEOMétadonnées, sitemap et redirections gérés dans le code
06 — La destination

Pourquoi Next.js après Webflow.

Next.js est la base de la quasi-totalité de nos projets, sites comme applications. Après une reconstruction, votre site peut gagner :

Voir notre agence Next.js
01Un code qui vous appartient, dans votre propre dépôt
02Un hébergement choisi, en France si vous le souhaitez
03Des pages rendues côté serveur, rapides et lisibles par les moteurs
04Des langues gérées par le site, sans module de la plateforme
05Des intégrations développées proprement avec votre CRM ou vos outils
06De la logique métier : simulateurs, espaces connectés, calculs
07Des tests et des mises en ligne automatisés
08Un code que d'autres développeurs peuvent reprendre, y compris équipés d'assistants IA
09Une base prête pour de nouvelles fonctions, sans changer d'outil

Un site en code s'héberge, se sauvegarde et se met à jour : nous nous en chargeons, ou nous formons votre équipe si elle préfère garder la main.

Et le CMS ?

Next.js affiche le site ; le CMS est l'outil où votre équipe modifie les contenus. Nous choisissons avec vous celui qui convient à votre équipe.

Payload

Le CMS s'installe dans le site Next.js : un seul projet, une administration conçue pour vos contenus. C'est ce que nous utilisons pour notre propre site et pour nos clients.

Notre choix par défaut
Voir la migration Webflow vers Payload

Directus

Quand les mêmes données doivent alimenter un site et une application, ou que votre équipe a besoin d'un vrai back-office de données, Directus est une excellente option.

Site + application
Voir notre agence Directus

Sans CMS

Pour un site de quelques pages rarement modifiées, les contenus peuvent rester dans le code : plus léger à entretenir.

Site qui bouge peu
07 — Méthode

Six étapes.

Une équipe dédiée du cadrage à la livraison, avec un.e chef.fe de projet dédié.e.

01

Audit du site et de ses limites

Pages, collections, interactions, formulaires, intégrations, langues, SEO, performances, et ce qui bloque vraiment. Inventaire complet des adresses et du trafic associé.

02

Architecture & choix du CMS

Arborescence, modèle de contenu, outil éditorial, intégrations et hébergement. Ce qui est conservé, fusionné, supprimé ou redirigé : chaque adresse importante reçoit une destination et une 301.

03

Décision design

Ce qui est conservé du design existant, nettoyé en composants réutilisables ou refondu, selon vos objectifs. Les animations Webflow sont recodées, pas copiées.

04

Développement Next.js

Composants, pages, formulaires, langues, logique métier, intégrations, SEO technique, tests et intégration continue.

05

Reprise des contenus & 301

Récupération des contenus par l'API de Webflow ou par export, nettoyage, import dans le CMS choisi, puis mise en place des redirections.

06

Mise en ligne & exploitation

Vérifications en préproduction, bascule, puis suivi : erreurs 404, indexation, Search Console, conversion. Ensuite, l'hébergement, les sauvegardes, les mises à jour et la surveillance sont assurés par nous ou par votre équipe.

08 — Notre preuve

Notre propre sortie de Webflow.

Notre site était sur Webflow. Nous l'avons reconstruit en Next.js, avec Payload comme CMS, et il est en ligne depuis le 12 juin 2026. Nous avons vécu la bascule côté client : ce qu'il faut reprendre, ce qui casse, ce qu'il faut surveiller ensuite.

  • Près de 200 articles repris depuis Webflow, en français et en anglais
  • Un plan de redirections 301 préparé avant la mise en ligne
  • Des pièges repérés et corrigés : contenus rangés hors du texte, caractères invisibles, balises servies trop tard
  • Un site hébergé sur notre serveur, avec sauvegarde chiffrée hors du serveur
Notre site, en production : chiffres ci-dessous
agence-scroll.com / admin
Payload · live
Collections
Pages
Articles
Cas clients
Services
Médias
Pages — Migration Webflow → Next.jsPublié
Bloc · Hero
Bloc · Checklist SEO
Bloc · Tableau mapping
Bloc · FAQ
Champs SEO title · meta · OGRedirections 301
09 — Le bénéfice

Avant / après.

Ce que la reconstruction change concrètement, sujet par sujet.

SujetAvant : WebflowAprès : Next.js
CodeChez Webflow, exportable en pages statiquesDans votre dépôt, versionné et testé
HébergementChez Webflow uniquementChez l'hébergeur de votre choix
LanguesOption de la plateformePrévues dans le site, une adresse par langue
IntégrationsScripts et services relaisDéveloppées et reliées à vos outils
Logique métierDifficile, souvent contournéeDéveloppée selon votre besoin
PerformancesDépendantes de la plateforme et des scriptsRendu serveur, images et scripts maîtrisés
ExploitationPrise en charge par Webflow, selon ses règlesAssurée par nous, ou par votre équipe si vous préférez
Changer de prestataireLié à la plateformeToute équipe Next.js peut reprendre
10 — Exemple de destination

Notre site, en chiffres.

Le site que vous consultez, reconstruit après Webflow. Relevé du 27 octobre 2026.

Site éditorial bilingue · Next.js

245 articles, 2 langues,
un seul projet.

Pages d'offre, blog, cas clients et traductions gérés au quotidien par notre équipe, dans l'administration Payload.

StackNext.js 16 · TypeScript · Payload 3.88
Contenus245 articles en français et en anglais
Collections11 types de contenus
Évolutions234 évolutions de la base depuis juin 2026
HébergementServeur OVH, base de données auto-hébergée
SauvegardesChiffrées, hors du serveur
11 — Planning

Combien de temps prévoir ?

C'est l'audit qui donne un délai fiable. Le planning dépend notamment de :

  • Le nombre de pages et d'adresses
  • Le nombre de collections CMS
  • Le volume de contenus
  • Garder ou refaire le design et les animations
  • Le multilingue
  • Les intégrations et la logique métier
  • Le choix du CMS
  • Le niveau de SEO à protéger
  • L'hébergement et l'exploitation attendus
Pour notre propre site (près de 200 articles, deux langues), environ trois semaines ont suffi jusqu'à la mise en ligne. Pour le vôtre, nous fixons un délai réaliste dès l'audit, avant tout engagement de votre part.
Auditer mon site
12 — FAQ

Foire aux questions

Les questions qui reviennent le plus souvent en cadrage. Si la vôtre n'y est pas, écrivez-nous !

Non, pas toujours. Si Webflow répond encore à votre besoin, mieux vaut l'optimiser, le refondre ou l'étendre par des intégrations. Nous créons et maintenons aussi des sites Webflow. La reconstruction en Next.js devient pertinente quand les limites sont structurelles : volume, langues, intégrations, logique métier, dépendance à la plateforme.

L'export de Webflow fournit le HTML, le CSS et les images des pages. Les contenus du CMS se récupèrent à part, et ce qui dépend de la plateforme (formulaires, hébergement, CMS) ne suit pas. C'est une bonne référence visuelle, rarement une base de code à faire évoluer : nous reconstruisons en composants.

Non. Payload est notre choix par défaut quand l'équipe publie souvent, parce qu'il s'installe dans le site Next.js lui-même. Quand le site partage ses données avec une application, nous travaillons aussi avec Directus. Et pour un site qui bouge peu, les contenus peuvent rester dans le code. D'autres CMS headless existent (Sanity, par exemple) et se choisissent selon votre contexte. Le cas Payload est détaillé sur notre page Migration Webflow vers Payload.

Oui pour les contenus : textes, images, articles et pages composées à partir des sections du site, depuis le CMS. Pour le design et les nouvelles fonctions, notre équipe prend le relais et les développe proprement, sans risque de casser une page en production.

Nous sommes là pour le préserver. La bascule est préparée adresse par adresse : inventaire, redirection 301 pour chaque adresse modifiée, métadonnées reprises, pages rendues côté serveur, sitemap. Puis nous suivons le site dans la Search Console pendant plusieurs semaines et corrigeons au fil de l'eau. C'est aussi l'occasion de gagner du terrain là où Webflow vous freinait.

Vous choisissez l'hébergeur, en France si vous le souhaitez, et qui assure l'exploitation : nous, votre équipe ou un autre prestataire. Un site en code demande des mises à jour, des sauvegardes et une surveillance ; nous le prévoyons dès le départ.

Next.js est la technologie du site lui-même ; Payload est un CMS, l'outil où l'équipe modifie les contenus. Cette page traite de la reconstruction du site : code, hébergement, intégrations, exploitation. La page Migration Webflow vers Payload traite de la migration du CMS : modèle de contenu, médias, workflows éditoriaux. Dans la plupart de nos projets, les deux vont ensemble.

Oui, pour notre propre site, reconstruit de Webflow vers Next.js et Payload et en ligne depuis le 12 juin 2026. Nous connaissons aussi Webflow de l'intérieur, puisque nous créons et maintenons des sites Webflow. Next.js est la base de la quasi-totalité de nos projets. Scroll a livré plus de 300 projets depuis sa création en février 2021, accompagne plus de 150 clients et affiche une note Google de 4,9.
Démarrer

Votre site Webflow ne suffit plus ?

Parlons-en. Nous auditons votre site, nous vous disons s'il vaut mieux l'optimiser, l'étendre ou le reconstruire, et nous vous proposons un plan de reconstruction en Next.js, avec le CMS adapté à votre équipe et votre trafic protégé.

Coordonnées
contact@agence-scroll.com
+33 6 48 03 90 27
20 Rue des Taillandiers
75011 Paris
Réponse sous 24h ouvrées.