[{"data":1,"prerenderedAt":420},["ShallowReactive",2],{"article-wordpress-vs-nuxt":3,"surround-wordpress-vs-nuxt":415},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"chapo":10,"seo":11,"date":13,"updatedAt":13,"temps":14,"tag":15,"conversion":19,"body":22,"_type":409,"_id":410,"_source":411,"_file":412,"_stem":413,"_extension":414},"/articles/wordpress-vs-nuxt","articles",false,"","WordPress vs Nuxt pour un site vitrine éco-conçu","Comparatif WordPress vs Nuxt pour un site vitrine éco-conçu : performance, maintenabilité, coût et cas d'usage.","Deux outils sérieux, deux philosophies différentes. Lequel choisir pour un site vitrine sobre et maintenable ?",{"title":8,"description":12},"WordPress ou Nuxt pour un site vitrine éco-conçu ? Comparatif honnête : performance, coût, maintenabilité et cas d'usage pour choisir la bonne stack.","2026-04-27",8,[16,17,18],"WordPress","Eco-conception","Performance",{"service":20,"cta":21},"wordpress",true,{"type":23,"children":24,"toc":400},"root",[25,33,38,45,50,55,60,65,71,87,92,97,111,117,257,263,272,292,300,323,328,334,345,357,371,376,380],{"type":26,"tag":27,"props":28,"children":29},"element","p",{},[30],{"type":31,"value":32},"text","La question revient souvent dans les discussions avec des clients ou d'autres développeurs : WordPress ou Nuxt pour un site vitrine ? Pas React en général, pas Webflow, pas Wix — ces deux-là précisément. WordPress parce qu'il reste la référence absolue du CMS web, avec 43 % des sites mondiaux. Nuxt parce que c'est la stack que j'utilise pour mes propres projets et que beaucoup de développeurs Vue.js adoptent pour les sites statiques. Ce sont deux outils sérieux, avec des équipes actives, des écosystèmes matures et des cas d'usage légitimes. La question n'est pas laquelle est \"meilleure\" en absolu — c'est laquelle convient à votre situation.",{"type":26,"tag":27,"props":34,"children":35},{},[36],{"type":31,"value":37},"Je vais répondre directement, avec les avantages et les limites réels des deux, et une recommandation claire à la fin. Ce que j'essaie d'éviter ici, c'est le comparatif mou qui se termine par \"ça dépend de votre contexte\" sans jamais dire à quoi ça ressemble concrètement.",{"type":26,"tag":39,"props":40,"children":42},"h2",{"id":41},"wordpress-forces-et-limites-pour-léco-conception",[43],{"type":31,"value":44},"WordPress — forces et limites pour l'éco-conception",{"type":26,"tag":27,"props":46,"children":47},{},[48],{"type":31,"value":49},"WordPress est puissant précisément parce qu'il est généraliste. Un CMS avec une interface d'administration, une base de données, des milliers de plugins, des thèmes en pagaille. Pour un client qui veut gérer son contenu seul, c'est souvent le choix naturel : la courbe de prise en main est raisonnable, la documentation abonde, et trouver quelqu'un pour maintenir le site est facile.",{"type":26,"tag":27,"props":51,"children":52},{},[53],{"type":31,"value":54},"Mais WordPress traîne des problèmes structurels qui compliquent l'éco-conception. Chaque page est générée dynamiquement depuis une base de données PHP — sauf si un plugin de cache s'en mêle. Les requêtes HTTP sont nombreuses par défaut. Un thème commercial chargera facilement 30 à 50 fichiers CSS et JS sur une page d'accueil simple. L'éditeur Gutenberg a amélioré les choses, mais les page builders (Elementor, Divi, WPBakery) restent courants et sont de véritables désastres en termes de performance.",{"type":26,"tag":27,"props":56,"children":57},{},[58],{"type":31,"value":59},"Un WordPress bien fait — thème sur-mesure en blocs Gutenberg natifs, plugins réduits au strict nécessaire, cache serveur actif, hébergement sérieux — peut atteindre des performances correctes. J'y suis arrivé sur des projets clients. Mais c'est une configuration qui demande de la rigueur, du temps, et une vraie connaissance du CMS. Ce n'est pas l'état par défaut d'un site WordPress sorti de l'agence standard.",{"type":26,"tag":27,"props":61,"children":62},{},[63],{"type":31,"value":64},"Il y a aussi la question de la surface d'attaque. WordPress est la cible numéro un des attaques automatisées. Plugins non mis à jour, thèmes abandonnés, xmlrpc.php ouvert — maintenir un WordPress en production demande une vigilance constante. C'est du temps, donc du coût.",{"type":26,"tag":39,"props":66,"children":68},{"id":67},"nuxt-ssg-avantages-techniques-contraintes-dusage",[69],{"type":31,"value":70},"Nuxt SSG — avantages techniques, contraintes d'usage",{"type":26,"tag":27,"props":72,"children":73},{},[74,76,85],{"type":31,"value":75},"Nuxt en mode SSG (Static Site Generation) génère un ensemble de fichiers HTML, CSS et JS statiques au moment du build. Il n'y a plus de PHP, plus de base de données, plus de serveur applicatif. Le site est servi depuis un CDN ou un hébergement statique. C'est le choix que j'ai fait pour ",{"type":26,"tag":77,"props":78,"children":82},"a",{"href":79,"className":80},"/eco-conception/l-eco-conception-web/",[81],"lien--vert",[83],{"type":31,"value":84},"ce site et pour mes projets d'éco-conception",{"type":31,"value":86}," — les raisons sont techniques et concrètes.",{"type":26,"tag":27,"props":88,"children":89},{},[90],{"type":31,"value":91},"Un site Nuxt SSG bien configuré démarre léger : pas de requête base de données, pas d'exécution PHP, pas de plugin de cache à configurer. Lighthouse à 95+ n'est pas un exploit, c'est le point de départ normal. Le code est versionné avec Git, les déploiements sont automatisés via Netlify ou Vercel, et la sécurité est réduite à sa plus simple expression (pas de surface serveur exposée).",{"type":26,"tag":27,"props":93,"children":94},{},[95],{"type":31,"value":96},"La contrainte principale est réelle et non négligeable : il faut être développeur pour modifier la structure du site. Un client ne peut pas ouvrir une interface et changer la navigation ou ajouter une section — pas sans accès au code. Nuxt Content permet de gérer le contenu des articles en Markdown, ce qui convient à beaucoup de cas, mais ça suppose que le client soit à l'aise avec Git ou qu'on lui fournisse un CMS headless (Contentful, Sanity, etc.) en complément.",{"type":26,"tag":27,"props":98,"children":99},{},[100,102,109],{"type":31,"value":101},"Pour une ",{"type":26,"tag":77,"props":103,"children":106},{"href":104,"className":105},"/eco-conception/refonte-site-eco-concu/",[81],[107],{"type":31,"value":108},"refonte orientée éco-conception",{"type":31,"value":110},", Nuxt SSG est le choix le plus direct pour atteindre des métriques solides sans contorsions techniques. Mais si l'autonomie du client sur la structure du site est non négociable, l'équation devient plus complexe.",{"type":26,"tag":39,"props":112,"children":114},{"id":113},"tableau-comparatif",[115],{"type":31,"value":116},"Tableau comparatif",{"type":26,"tag":118,"props":119,"children":120},"table",{},[121,144],{"type":26,"tag":122,"props":123,"children":124},"thead",{},[125],{"type":26,"tag":126,"props":127,"children":128},"tr",{},[129,135,139],{"type":26,"tag":130,"props":131,"children":132},"th",{},[133],{"type":31,"value":134},"Critère",{"type":26,"tag":130,"props":136,"children":137},{},[138],{"type":31,"value":16},{"type":26,"tag":130,"props":140,"children":141},{},[142],{"type":31,"value":143},"Nuxt SSG",{"type":26,"tag":145,"props":146,"children":147},"tbody",{},[148,167,185,203,221,239],{"type":26,"tag":126,"props":149,"children":150},{},[151,157,162],{"type":26,"tag":152,"props":153,"children":154},"td",{},[155],{"type":31,"value":156},"Performance brute",{"type":26,"tag":152,"props":158,"children":159},{},[160],{"type":31,"value":161},"⚠️ Variable selon configuration",{"type":26,"tag":152,"props":163,"children":164},{},[165],{"type":31,"value":166},"✅ Excellente par défaut",{"type":26,"tag":126,"props":168,"children":169},{},[170,175,180],{"type":26,"tag":152,"props":171,"children":172},{},[173],{"type":31,"value":174},"Éco-conception",{"type":26,"tag":152,"props":176,"children":177},{},[178],{"type":31,"value":179},"⚠️ Possible mais demande rigueur",{"type":26,"tag":152,"props":181,"children":182},{},[183],{"type":31,"value":184},"✅ Naturellement sobre",{"type":26,"tag":126,"props":186,"children":187},{},[188,193,198],{"type":26,"tag":152,"props":189,"children":190},{},[191],{"type":31,"value":192},"SEO",{"type":26,"tag":152,"props":194,"children":195},{},[196],{"type":31,"value":197},"✅ Mature (Yoast, sitemap auto)",{"type":26,"tag":152,"props":199,"children":200},{},[201],{"type":31,"value":202},"✅ Complet si bien configuré",{"type":26,"tag":126,"props":204,"children":205},{},[206,211,216],{"type":26,"tag":152,"props":207,"children":208},{},[209],{"type":31,"value":210},"Coût total (hébergement + maintenance)",{"type":26,"tag":152,"props":212,"children":213},{},[214],{"type":31,"value":215},"⚠️ Hébergement PHP requis + maintenance active",{"type":26,"tag":152,"props":217,"children":218},{},[219],{"type":31,"value":220},"✅ Hébergement statique gratuit ou quasi",{"type":26,"tag":126,"props":222,"children":223},{},[224,229,234],{"type":26,"tag":152,"props":225,"children":226},{},[227],{"type":31,"value":228},"Autonomie client",{"type":26,"tag":152,"props":230,"children":231},{},[232],{"type":31,"value":233},"✅ Interface admin complète",{"type":26,"tag":152,"props":235,"children":236},{},[237],{"type":31,"value":238},"❌ Limité au contenu Markdown",{"type":26,"tag":126,"props":240,"children":241},{},[242,247,252],{"type":26,"tag":152,"props":243,"children":244},{},[245],{"type":31,"value":246},"Maintenance technique",{"type":26,"tag":152,"props":248,"children":249},{},[250],{"type":31,"value":251},"❌ Mises à jour fréquentes, risques sécurité",{"type":26,"tag":152,"props":253,"children":254},{},[255],{"type":31,"value":256},"✅ Dépendances stables, déploiement automatisé",{"type":26,"tag":39,"props":258,"children":260},{"id":259},"cas-dusage-quand-wordpress-quand-nuxt",[261],{"type":31,"value":262},"Cas d'usage — quand WordPress, quand Nuxt",{"type":26,"tag":27,"props":264,"children":265},{},[266],{"type":26,"tag":267,"props":268,"children":269},"strong",{},[270],{"type":31,"value":271},"Choisir WordPress quand :",{"type":26,"tag":273,"props":274,"children":275},"ul",{},[276,282,287],{"type":26,"tag":277,"props":278,"children":279},"li",{},[280],{"type":31,"value":281},"Le client doit pouvoir modifier lui-même la structure des pages (menus, blocs, sections) sans passer par un développeur.",{"type":26,"tag":277,"props":283,"children":284},{},[285],{"type":31,"value":286},"Le projet inclut un WooCommerce ou un système de gestion de contenu complexe (annuaires, listings, formulaires avancés).",{"type":26,"tag":277,"props":288,"children":289},{},[290],{"type":31,"value":291},"Le budget maintenance est limité et le client préfère un écosystème où il peut trouver facilement de l'aide.",{"type":26,"tag":27,"props":293,"children":294},{},[295],{"type":26,"tag":267,"props":296,"children":297},{},[298],{"type":31,"value":299},"Choisir Nuxt SSG quand :",{"type":26,"tag":273,"props":301,"children":302},{},[303,308,313,318],{"type":26,"tag":277,"props":304,"children":305},{},[306],{"type":31,"value":307},"Le site est relativement stable dans sa structure (portfolio, vitrine, landing page, blog).",{"type":26,"tag":277,"props":309,"children":310},{},[311],{"type":31,"value":312},"La performance et la sobriété numérique sont des critères prioritaires — pas juste des arguments marketing.",{"type":26,"tag":277,"props":314,"children":315},{},[316],{"type":31,"value":317},"Le client fait confiance à un développeur pour les évolutions structurelles et veut un site durable, maintenable, sans dette technique accumulée.",{"type":26,"tag":277,"props":319,"children":320},{},[321],{"type":31,"value":322},"L'hébergement zéro-coût sur Netlify ou Vercel est un avantage réel.",{"type":26,"tag":27,"props":324,"children":325},{},[326],{"type":31,"value":327},"Ce que j'évite de dire ici : \"les deux peuvent fonctionner\". Techniquement vrai, pratiquement inutile. Pour un site vitrine de 5 à 10 pages avec un contenu qui ne change pas tous les jours, Nuxt SSG est objectivement plus simple à maintenir, plus performant et moins coûteux à long terme. Le seul frein sérieux, c'est l'autonomie client sur la structure — et c'est un frein réel qu'il faut nommer.",{"type":26,"tag":39,"props":329,"children":331},{"id":330},"ce-que-je-recommande-selon-le-contexte",[332],{"type":31,"value":333},"Ce que je recommande selon le contexte",{"type":26,"tag":27,"props":335,"children":336},{},[337,339,343],{"type":31,"value":338},"Pour un site vitrine professionnel — consultant, cabinet, artisan, PME — où le client met à jour ses textes et ses images mais ne restructure pas son site chaque semaine : ",{"type":26,"tag":267,"props":340,"children":341},{},[342],{"type":31,"value":143},{"type":31,"value":344},". Les arguments sont simples : moins de surface de panne, moins de maintenance, meilleures performances, empreinte réduite. C'est ce que j'utilise pour mes propres projets, ce n'est pas anodin.",{"type":26,"tag":27,"props":346,"children":347},{},[348,350,355],{"type":31,"value":349},"Pour un site qui doit vraiment être géré par le client sans passer par un développeur pour les modifications structurelles : ",{"type":26,"tag":267,"props":351,"children":352},{},[353],{"type":31,"value":354},"WordPress avec Gutenberg natif",{"type":31,"value":356},", sans page builder, sans thème commercial chargé. Un thème sur-mesure léger, un hébergement avec cache serveur (Kinsta, WP Engine, ou un VPS bien configuré), et une liste de plugins courte et maîtrisée. C'est faisable et ça tient dans le temps, à condition de ne pas prendre de raccourcis au départ.",{"type":26,"tag":27,"props":358,"children":359},{},[360,362,369],{"type":31,"value":361},"Ce que je ne recommande pas : WordPress avec Elementor ou Divi pour un projet qui se réclame de l'éco-conception. C'est une contradiction dans les termes. Les ",{"type":26,"tag":77,"props":363,"children":366},{"href":364,"className":365},"/services/",[81],[367],{"type":31,"value":368},"services WordPress, Nuxt et audit que je propose",{"type":31,"value":370}," partent du même principe : pas de gras inutile, pas de dépendances superflues, un site qui fait exactement ce qu'il doit faire.",{"type":26,"tag":27,"props":372,"children":373},{},[374],{"type":31,"value":375},"Les deux stacks peuvent produire de bons résultats si elles sont utilisées avec rigueur. Aucune ne compense un brief flou. Le choix de la stack vient en deuxième — après avoir compris ce que le site doit réellement faire, pour qui, et sur quels critères de succès.",{"type":26,"tag":377,"props":378,"children":379},"hr",{},[],{"type":26,"tag":27,"props":381,"children":382},{},[383,385,390,392,398],{"type":31,"value":384},"Besoin d'aide pour choisir entre WordPress et Nuxt ? Je peux analyser votre projet et vous orienter. ",{"type":26,"tag":77,"props":386,"children":387},{"href":364},[388],{"type":31,"value":389},"Découvrir mes services WordPress / Nuxt",{"type":31,"value":391}," ou ",{"type":26,"tag":77,"props":393,"children":395},{"href":394},"/contact/",[396],{"type":31,"value":397},"me contacter directement",{"type":31,"value":399},".",{"title":7,"searchDepth":401,"depth":401,"links":402},3,[403,405,406,407,408],{"id":41,"depth":404,"text":44},2,{"id":67,"depth":404,"text":70},{"id":113,"depth":404,"text":116},{"id":259,"depth":404,"text":262},{"id":330,"depth":404,"text":333},"markdown","content:articles:wordpress-vs-nuxt.md","content","articles/wordpress-vs-nuxt.md","articles/wordpress-vs-nuxt","md",[416,419],{"_path":417,"title":418},"/articles/wordpress-freelance-lille","Développeur WordPress freelance à Lille : comment choisir ?",null,1777392407519]