Pour héberger un site Framer publié sur Netlify, exportez ses pages publiques, testez les fichiers et déployez le dossier contenant index.html. Gardez le site d’origine disponible jusqu’à la vérification du nouvel hébergement et au remplacement des services nécessaires.
Le ZIP est un instantané du rendu, pas le projet Framer modifiable, un CMS actif ou une application React ou Next.js reconstruite. La durée de l’export et du déploiement dépend du site et des vérifications nécessaires ; aucun délai fixe n’est garanti.
Choisir le périmètre avant l’export
Ouvrez l’outil d’export Framer, collez une URL publiée que vous possédez ou êtes autorisé à exporter et examinez les pages trouvées. Choisissez les pages et le traitement des ressources dans les limites de votre offre.
Free permet de tester une page publiée, avec les images et polices liées au site d’origine. L’offre comprend jusqu’à 10 exports par mois, mais chaque domaine ne dispose que d’un seul export Free réussi au total, partagé entre tous les comptes Free ; ce quota par domaine ne se renouvelle pas chaque mois. Les tentatives échouées ne le consomment pas. Pour exporter à nouveau le même domaine, choisissez un Site Pass pour un export réussi ou Pro pour des exports récurrents.
Consultez les offres d’export. Netlify possède ses propres limites et tarifs. Un export dont les images et polices restent liées à l’origine n’est pas une copie indépendante.
L’article de Framer sur la portabilité décrit le téléchargement des fichiers publiés, tandis que son article sur l’export HTML indique que l’export HTML natif pour l’auto-hébergement n’est pas disponible. Consultés le 2 octobre 2026. NoCodeExport capture les pages publiques selon une méthode distincte de l’export officiel d’un projet.
1. Examiner le ZIP téléchargé
Conservez une copie intacte et décompressez-en une autre pour travailler. Lisez README.md pour connaître le mode d’export et les avertissements concernant les pages ou ressources.
- Repérez
index.htmlet les fichiers des pages sélectionnées. Conservez les dossiers et les références relatives. - Vérifiez quelles images, polices et scripts ont été téléchargés et lesquels restent distants.
- Lorsque les ressources d’exécution de Framer sont copiées, des modules
.mjspeuvent figurer dansassets/framer/. Ne changez pas leurs noms ou chemins. - Suivez
RUN_LOCALLY.mds’il est présent. Vérifiez les domaines desitemap.xmletrobots.txtlorsqu’ils sont inclus.
Vidéos, contenus intégrés et requêtes dynamiques peuvent encore dépendre de Framer ou d’un autre fournisseur.
2. Tester avec un serveur HTTP
Un double clic sur index.html utilise file://, ce qui peut empêcher les modules de se charger. Avec Node.js installé, ouvrez un terminal dans le dossier décompressé et lancez :
npx serve .
Ouvrez l’adresse HTTP indiquée. Une extension de serveur local dans votre éditeur convient aussi. Comparez ordinateur et mobile, navigation, images, polices, menus et effets de défilement. Notez les différences ; le guide des animations Framer détaille les vérifications.
3. Déployer les fichiers sur Netlify
Connectez-vous et ouvrez Netlify Drop. Envoyez le dossier dont la racine contient index.html, pas son dossier parent ni le ZIP. Gardez ensemble HTML, ressources et configuration d’hébergement.
Pour un déploiement Git, connectez le dépôt contenant les fichiers exportés et publiez leur dossier sans ajouter de compilation Framer ou Next.js. Consultez les instructions de déploiement Netlify. Toute modification ultérieure du site nécessite une mise à jour des fichiers et un nouveau déploiement.
4. Vérifier le site déployé
- Ouvrez chaque URL importante dans un nouvel onglet et rechargez-la, y compris les pages imbriquées.
- Vérifiez le chargement des ressources et assurez-vous que les modules JavaScript ne reçoivent pas une page HTML d’erreur.
- Testez les menus à la souris, au clavier et au toucher ; vérifiez formulaires et états d’erreur.
- Identifiez les requêtes vers l’ancien hébergement avant de le résilier.
- Vérifiez titres, descriptions, URL canoniques et règles d’indexation pour le domaine final.
Le contenu CMS publié est une copie fixe. Comptes, paiements et autres fonctions serveur nécessitent leurs propres services.
Résoudre les problèmes avant de déplacer le domaine
| Symptôme | Vérification et action |
|---|---|
| Page locale vide | Utilisez HTTP au lieu de file://. |
| Page déployée vide | Examinez les erreurs du navigateur, fichiers absents et chemins. |
Erreur MIME sur un .mjs | Vérifiez le corps et le type de contenu de cette requête. Si elle renvoie du HTML, corrigez le fichier ou le routage avant les en-têtes. |
| Une URL imbriquée affiche l’accueil | Vérifiez les redirections générales. Servez la bonne page sans masquer un 404 avec l’accueil. |
| Icônes ou polices absentes | Vérifiez les ressources distantes et les téléchargements échoués. Une offre payante ne récupère pas un fichier inaccessible. |
| Modifications récentes absentes | Créez puis déployez un nouvel export. |
Uniquement si un module existant possède un type de contenu incorrect, adaptez son chemin précis dans _headers, selon la documentation des en-têtes Netlify. Un en-tête ne répare pas un module absent.
Reconnecter formulaires et services
Un formulaire visible ne prouve pas la livraison des messages. Vérifiez sa destination et l’option choisie à l’export. Pour Netlify Forms, suivez le guide de configuration, vérifiez la détection et envoyez un test vers une destination que vous contrôlez. Les formulaires générés en JavaScript peuvent nécessiter du balisage statique supplémentaire.
Vérifiez réception, protection antispam et états de succès/erreur. Les anciens messages Framer ne migrent pas avec le HTML. Contrôlez séparément statistiques, consentement, recherche, authentification et paiements.
Déplacer le domaine après validation
Ajoutez le domaine dans Netlify et appliquez les enregistrements indiqués chez votre fournisseur DNS autoritatif ; conservez ceux de la messagerie. Gardez les chemins ou créez des redirections pour les URL modifiées. Mettez à jour liens internes, sitemap et canoniques, puis retirez les restrictions temporaires d’indexation lorsque le site est prêt pour la production.
Conservez l’ancien hébergement et une version fonctionnelle pour revenir en arrière. Répétez les tests HTTPS, chemins, ressources et formulaires sur le domaine définitif.
Comment ce guide a été vérifié
Mis à jour le 2 octobre 2026 à partir du conditionnement des exports NoCodeExport, de sa copie des ressources Framer et des documents Netlify cités. Il ne s’agit pas d’un cas de migration publié ni d’une garantie pour tous les sites. Suivez le README de votre téléchargement.
Analysez votre site Framer pour examiner les pages disponibles.
Si vous souhaitez des composants maintenables plutôt que ces fichiers publiés, comparez les méthodes de récupération du code Framer avant de choisir.
