[{"data":1,"prerenderedAt":912},["ShallowReactive",2],{"site-nav":3,"article-ci-cd-pipeline-de-deploiement":109,"article-linked-ci-cd-pipeline-de-deploiement":738,"cta-service-infrastructure-cloud-nantes":911},{"services":4,"rubriques":92},[5,13,20,27,34,41,47,55,61,67,74,80,86],{"path":6,"title":7,"navTitle":8,"summary":9,"color":10,"order":11,"category":12},"\u002Fservices\u002Fcreation-site-vitrine-nantes","Création de site vitrine à Nantes","Site vitrine","Un site sur mesure, rapide et accessible, qui présente votre activité et transforme les visites en demandes de contact.","jaune",1,"creation",{"path":14,"title":15,"navTitle":16,"summary":17,"color":18,"order":19,"category":12},"\u002Fservices\u002Fcreation-site-e-commerce-nantes","Création de site e-commerce à Nantes","Site e-commerce","Une boutique en ligne sur Shopify, WooCommerce ou PrestaShop, pensée pour vendre : catalogue, paiement, livraison et SEO.","vert",2,{"path":21,"title":22,"navTitle":23,"summary":24,"color":25,"order":26,"category":12},"\u002Fservices\u002Frefonte-site-internet-nantes","Refonte de site internet à Nantes","Refonte de site","Moderniser votre site sans perdre votre référencement : audit, plan de redirections, nouveau design et migration des contenus.","orange",3,{"path":28,"title":29,"navTitle":30,"summary":31,"color":32,"order":33,"category":12},"\u002Fservices\u002Fwebdesign-ux-ui-nantes","Agence UX\u002FUI design et webdesign à Nantes","Webdesign UX\u002FUI","Recherche utilisateur, parcours, maquettes, prototype testé et design system : des interfaces claires, accessibles et prêtes à développer.","rose",4,{"path":35,"title":36,"navTitle":37,"summary":38,"color":39,"order":40,"category":12},"\u002Fservices\u002Fdeveloppement-web-sur-mesure-nantes","Agence de développement web sur mesure à Nantes","Développement sur mesure","Applications métier, extranets, MVP SaaS, API et intégrations : du code sur mesure, testé, documenté et qui vous appartient.","chartreuse",5,{"path":42,"title":43,"navTitle":44,"summary":45,"color":18,"order":46,"category":12},"\u002Fservices\u002Feco-conception-web-nantes","Éco-conception de site web à Nantes","Éco-conception","Audit RGESN, pages allégées, compatibilité avec les anciens appareils et déclaration d’écoconception : un site plus sobre, mesuré, sans allégation invérifiable.",6,{"path":48,"title":49,"navTitle":50,"summary":51,"color":52,"order":53,"category":54},"\u002Fservices\u002Freferencement-naturel-seo-nantes","Agence SEO à Nantes : référencement naturel","Référencement SEO","Audit, contenus, maillage, référencement local et suivi Search Console : un SEO mesuré, sans promesse de position, pour être trouvé à Nantes et au-delà.","bleu",7,"visibilite",{"path":56,"title":57,"navTitle":58,"summary":59,"color":39,"order":60,"category":54},"\u002Fservices\u002Foptimisation-vitesse-site-web-nantes","Optimisation de la vitesse de site web à Nantes","Vitesse & Core Web Vitals","Mesure des Core Web Vitals, audit, plan d’action chiffré et correctifs sur votre technologie : des pages plus rapides, vérifiées sur les données réelles.",8,{"path":62,"title":63,"navTitle":64,"summary":65,"color":32,"order":66,"category":54},"\u002Fservices\u002Faccessibilite-numerique-nantes","Accessibilité numérique et audit RGAA à Nantes","Accessibilité (RGAA)","Audit RGAA, corrections, déclaration d’accessibilité et formation : rendre votre site utilisable par tous et répondre à vos obligations.",9,{"path":68,"title":69,"navTitle":70,"summary":71,"color":10,"order":72,"category":73},"\u002Fservices\u002Fmaintenance-site-internet-nantes","Maintenance de site internet à Nantes","Maintenance & hébergement","Mises à jour, sécurité, sauvegardes, hébergement en Europe et petites modifications : votre site reste rapide, sûr et à jour.",10,"exploitation",{"path":75,"title":76,"navTitle":77,"summary":78,"color":52,"order":79,"category":73},"\u002Fservices\u002Finfrastructure-cloud-nantes","Infrastructure cloud scalable à Nantes","Infrastructure cloud","Une architecture évolutive hébergée en Europe, décrite en code, qui monte en charge et se relève d’une panne : pour les boutiques et applications à fort trafic.",11,{"path":81,"title":82,"navTitle":83,"summary":84,"color":25,"order":85,"category":73},"\u002Fservices\u002Faudit-securite-site-web-nantes","Audit de sécurité de site web à Nantes","Audit de sécurité","HTTPS, extensions, comptes, sauvegardes et contrôles guidés par l’OWASP : un audit de sécurité priorisé, vérifié après corrections, et la remise en état d’un site piraté.",12,{"path":87,"title":88,"navTitle":89,"summary":90,"color":32,"order":91,"category":73},"\u002Fservices\u002Fautomatisation-processus-nantes","Agence d’automatisation des processus à Nantes","Automatisation & API","Vos outils reliés par des workflows n8n et des API — CRM, facturation, boutique, formulaires —, avec une IA qui propose et une personne qui valide.",13,[93,97,101,105],{"path":94,"title":95,"navTitle":96,"color":52,"order":11},"\u002Fjournal\u002Frubrique\u002Fseo-visibilite-locale","Être trouvé : SEO et visibilité locale","SEO & visibilité locale",{"path":98,"title":99,"navTitle":100,"color":32,"order":19},"\u002Fjournal\u002Frubrique\u002Fux-contenus-accessibilite","Être compris : UX, contenus et accessibilité","UX, contenus & accessibilité",{"path":102,"title":103,"navTitle":104,"color":18,"order":26},"\u002Fjournal\u002Frubrique\u002Fdesign-conversion-ecommerce","Être choisi : design, conversion et e-commerce","Design, conversion & e-commerce",{"path":106,"title":107,"navTitle":108,"color":10,"order":33},"\u002Fjournal\u002Frubrique\u002Fprojet-web-budget-methode","Durer : budget, méthode, performance et sécurité","Projet, sécurité & durée",{"id":110,"title":111,"author":112,"body":113,"cover":706,"coverAlt":706,"date":707,"dateModified":706,"description":708,"extension":709,"faq":710,"featured":723,"head":706,"keyword":724,"meta":725,"navigation":726,"ogImage":706,"path":727,"robots":706,"rubrique":728,"schemaOrg":706,"seo":729,"services":731,"sitemap":734,"stem":735,"summary":736,"__hash__":737},"journal\u002Fjournal\u002Fci-cd-pipeline-de-deploiement.md","CI\u002FCD, c’est quoi ? Le pipeline de déploiement expliqué","equipe-fogg",{"type":114,"value":115,"toc":693},"minimark",[116,133,141,146,149,163,166,182,191,195,198,224,292,300,304,307,369,381,384,388,400,403,448,453,456,463,467,474,478,487,575,578,587,591,600,619,622,648,655,659,662,683,690],[117,118,119,120,124,125,128,129,132],"p",{},"La CI\u002FCD, c’est la chaîne automatisée qui assemble, vérifie puis met en ligne chaque modification d’un site ou d’une application, en lui faisant franchir toujours les mêmes étapes, dans le même ordre : le pipeline de déploiement. Le sigle réunit l’intégration continue (CI, pour ",[121,122,123],"em",{},"continuous integration","), qui teste chaque changement dès qu’il est enregistré, et la livraison ou le déploiement continus (CD, pour ",[121,126,127],{},"continuous delivery"," ou ",[121,130,131],{},"continuous deployment","), qui l’amènent jusqu’à vos visiteurs. Concrètement, à quoi sert la CI\u002FCD ? À mettre en ligne plus souvent, avec moins de risques, et à revenir vite en arrière si une version pose problème.",[117,134,135,136,140],{},"Ce guide, écrit pour les dirigeants non développeurs, détaille chaque étape, les indicateurs à suivre et les précautions de sécurité à exiger. Il complète ",[137,138,139],"a",{"href":106},"nos conseils pour sécuriser et faire durer un projet web",".",[142,143,145],"h2",{"id":144},"lintégration-continue-chaque-modification-vérifiée","L’intégration continue : chaque modification vérifiée",[117,147,148],{},"Le code d’un site ou d’une application est rangé dans un dépôt, géré par un outil de gestion de versions comme Git : chaque modification y est enregistrée, datée et attribuée à son auteur. Avec l’intégration continue, chaque enregistrement déclenche automatiquement la construction du logiciel et une série de tests. Si un test échoue, la modification est bloquée et l’équipe la corrige avant d’aller plus loin.",[117,150,151,152,155,156,162],{},"Le programme de recherche DORA (",[121,153,154],{},"DevOps Research and Assessment","), mené par Google Cloud, en décrit les bonnes pratiques : des tests qui rendent leur verdict en quelques minutes, avec un plafond d’environ dix minutes, et un travail intégré à la version principale au moins une fois par jour (",[137,157,161],{"href":158,"rel":159},"https:\u002F\u002Fdora.dev\u002Fcapabilities\u002Fcontinuous-integration\u002F",[160],"nofollow","l’intégration continue selon DORA",", en anglais). Une petite modification vérifiée aussitôt se corrige vite ; trois semaines de travail fusionnées la veille d’une livraison peuvent demander des jours de démêlage.",[117,164,165],{},"Selon le projet, les tests vérifient par exemple :",[167,168,169,173,176,179],"ul",{},[170,171,172],"li",{},"les règles métier : un prix TTC, une remise, un droit d’accès ;",[170,174,175],{},"les parcours essentiels, rejoués dans un vrai navigateur : connexion, demande de devis, commande ;",[170,177,178],{},"la qualité du code et les failles connues des briques logicielles utilisées ;",[170,180,181],{},"pour un site éditorial, les liens, les titres et une partie de l’accessibilité.",[117,183,184,185,190],{},"Sur le site que vous lisez, par exemple, la construction s’arrête si un seul lien interne est cassé. La CNIL recommande elle aussi, dans son guide RGPD du développeur, un système d’intégration continue qui lance les tests automatiquement à chaque modification du code (",[137,186,189],{"href":187,"rel":188},"https:\u002F\u002Fwww.cnil.fr\u002Ffr\u002Ftester-vos-applications",[160],"fiche « Tester vos applications »",").",[142,192,194],{"id":193},"livraison-continue-ou-déploiement-continu-qui-décide","Livraison continue ou déploiement continu : qui décide ?",[117,196,197],{},"Le « CD » recouvre deux pratiques souvent confondues. Tout se joue sur une question : qui décide du moment de la mise en production ?",[167,199,200,210],{},[170,201,202,206,207,209],{},[203,204,205],"strong",{},"La livraison continue"," (",[121,208,127],{},") : chaque version qui a passé les contrôles est prête à partir, et une personne choisit le moment. DORA la définit comme la capacité de mettre en production des changements de toute nature, à la demande, rapidement, en sécurité et durablement.",[170,211,212,206,215,217,218,223],{},[203,213,214],{},"Le déploiement continu",[121,216,131],{},") : chaque modification qui franchit toutes les étapes part en production, sans intervention humaine. DORA précise que cette pratique convient bien aux services web, mais ne s’applique pas aux applications mobiles ni aux logiciels embarqués (",[137,219,222],{"href":220,"rel":221},"https:\u002F\u002Fdora.dev\u002Fcapabilities\u002Fcontinuous-delivery\u002F",[160],"la livraison continue vue par DORA",", en anglais).",[225,226,227,246],"table",{},[228,229,230],"thead",{},[231,232,233,237,240,243],"tr",{},[234,235,236],"th",{},"Critère",[234,238,239],{},"Intégration continue",[234,241,242],{},"Livraison continue",[234,244,245],{},"Déploiement continu",[247,248,249,264,278],"tbody",{},[231,250,251,255,258,261],{},[252,253,254],"td",{},"Ce qui est automatisé",[252,256,257],{},"Construction et tests de chaque modification",[252,259,260],{},"En plus : préparation de la version et déploiement en préproduction",[252,262,263],{},"En plus : mise en production",[231,265,266,269,272,275],{},[252,267,268],{},"Qui déclenche la mise en ligne",[252,270,271],{},"Une personne, par une procédure à part",[252,273,274],{},"Une personne, d’un clic",[252,276,277],{},"Le pipeline, dès que tous les contrôles passent",[231,279,280,283,286,289],{},[252,281,282],{},"Pour qui",[252,284,285],{},"Tout projet qui comporte du code",[252,287,288],{},"Sites et applications dont les mises en ligne suivent une validation ou un calendrier",[252,290,291],{},"Services web bien couverts par les tests et surveillés en continu",[117,293,294,295,299],{},"Nous privilégions la livraison continue : tout est automatisé jusqu’à l’environnement de recette, et la mise en production part après validation. Garder la main a un autre avantage : avant un temps fort commercial, on peut geler les mises en production, sauf correctif de sécurité ; ",[137,296,298],{"href":297},"\u002Fjournal\u002Fpreparer-son-site-au-black-friday","notre méthode pour préparer son site au Black Friday"," en fixe les dates et détaille les autres préparatifs.",[142,301,303],{"id":302},"prévisualisation-préproduction-production-trois-environnements","Prévisualisation, préproduction, production : trois environnements",[117,305,306],{},"Avant d’atteindre vos visiteurs, chaque modification traverse plusieurs environnements : des copies du site, chacune avec son rôle.",[225,308,309,325],{},[228,310,311],{},[231,312,313,316,319,322],{},[234,314,315],{},"Environnement",[234,317,318],{},"À quoi il sert",[234,320,321],{},"Qui s’en sert",[234,323,324],{},"Quelles données",[247,326,327,341,355],{},[231,328,329,332,335,338],{},[252,330,331],{},"Prévisualisation",[252,333,334],{},"Montrer une modification isolée, à une adresse dédiée, avant qu’elle rejoigne le reste",[252,336,337],{},"L’équipe, et vous pour un avis rapide",[252,339,340],{},"Fictives",[231,342,343,346,349,352],{},[252,344,345],{},"Préproduction (ou recette)",[252,347,348],{},"Valider la version complète dans des conditions proches du réel",[252,350,351],{},"Vous et l’équipe, pendant la recette",[252,353,354],{},"Fictives ou anonymisées",[231,356,357,360,363,366],{},[252,358,359],{},"Production",[252,361,362],{},"Servir vos visiteurs et vos clients",[252,364,365],{},"Tout le monde",[252,367,368],{},"Réelles",[117,370,371,372,376,377,140],{},"La préproduction doit ressembler le plus possible à la production : mêmes versions, même configuration, même type d’hébergement. C’est là que se déroule la ",[137,373,375],{"href":374},"\u002Fglossaire#recette","recette, cette phase de vérification avant la mise en ligne",", et c’est là que nous faisons la démo du vendredi pendant un développement : vous testez la vraie version, pas une capture d’écran. Elle sert aussi sans pipeline, pour essayer les mises à jour d’un CMS avant de toucher au site public, comme le rappelle ",[137,378,380],{"href":379},"\u002Fjournal\u002Fmaintenance-site-internet-que-prevoir","notre guide pour entretenir un site et planifier ses mises à jour",[117,382,383],{},"Côté données, la CNIL est claire dans la même fiche : les données « réelles » de production ne doivent pas être utilisées pendant le développement et les tests. On travaille donc avec des données fictives, ou avec des copies anonymisées.",[142,385,387],{"id":386},"à-quoi-ressemble-un-pipeline-de-déploiement","À quoi ressemble un pipeline de déploiement",[117,389,390,391,395,396,399],{},"Le tour du monde de Phileas Fogg reposait sur un itinéraire calculé d’avance, correspondance par correspondance. Le pipeline est l’itinéraire de votre code : un fichier texte rangé avec lui, dans le dossier ",[392,393,394],"code",{},".github\u002Fworkflows"," pour GitHub Actions ou dans un fichier ",[392,397,398],{},".gitlab-ci.yml"," pour GitLab, qui se relit, se versionne et se transmet comme le reste.",[117,401,402],{},"Pour un site ou une application web, les escales sont presque toujours les mêmes :",[404,405,406,412,418,424,430,436,442],"ol",{},[170,407,408,411],{},[203,409,410],{},"Déclenchement"," : un développeur enregistre une modification ou propose de la fusionner dans la version principale.",[170,413,414,417],{},[203,415,416],{},"Construction"," : le pipeline installe les dépendances, aux versions exactes prévues, puis construit le site ou l’application.",[170,419,420,423],{},[203,421,422],{},"Contrôles automatiques"," : tests, qualité du code, recherche de failles connues.",[170,425,426,429],{},[203,427,428],{},"Relecture"," : une autre personne de l’équipe relit la modification avant qu’elle soit fusionnée.",[170,431,432,435],{},[203,433,434],{},"Préproduction"," : la version est déployée sur l’environnement de recette, où l’on vérifie et valide.",[170,437,438,441],{},[203,439,440],{},"Mise en production"," : la nouvelle version est mise en ligne sans couper le service, puis des vérifications automatiques confirment que les pages clés répondent.",[170,443,444,447],{},[203,445,446],{},"Retour arrière"," : si un indicateur se dégrade, la version précédente, gardée prête, reprend la main.",[449,450,452],"h3",{"id":451},"pour-une-application-ou-une-boutique-en-ligne","Pour une application ou une boutique en ligne",[117,454,455],{},"Quelques étapes s’ajoutent quand le site manipule des données et des transactions. Les modifications de la base de données passent par le pipeline et restent compatibles avec la version précédente, sans quoi le retour arrière devient délicat. Les parcours critiques — connexion, panier, paiement en mode test — sont rejoués à chaque version.",[117,457,458,459,462],{},"Une nouveauté peut aussi être livrée désactivée, puis activée le jour de son lancement commercial. Dans nos projets de ",[137,460,461],{"href":35},"développement d’applications métier sur mesure",", les tests automatisés tournent à chaque modification, et chaque version passe par l’environnement de recette avant la production.",[449,464,466],{"id":465},"linfrastructure-aussi-passe-par-le-pipeline","L’infrastructure aussi passe par le pipeline",[117,468,469,470,473],{},"Serveurs, réseaux, bases de données : avec l’infrastructure as code, tout cela est décrit dans des fichiers, avec des outils comme Terraform ou OpenTofu. Le pipeline calcule d’abord un plan qui montre ce qui sera créé, modifié ou supprimé ; une personne le relit, puis le pipeline l’applique. C’est ainsi que nous bâtissons ",[137,471,472],{"href":75},"des infrastructures cloud reproductibles"," : la préproduction et la production sortent des mêmes fichiers, au lieu de dépendre de réglages faits à la main.",[142,475,477],{"id":476},"ce-que-vous-y-gagnez-les-indicateurs-dora","Ce que vous y gagnez : les indicateurs DORA",[117,479,480,481,486],{},"DORA mesure la performance de livraison logicielle avec cinq indicateurs (",[137,482,485],{"href":483,"rel":484},"https:\u002F\u002Fdora.dev\u002Fguides\u002Fdora-metrics\u002F",[160],"le guide des indicateurs DORA",", en anglais). Les trois premiers mesurent le débit, les deux derniers l’instabilité.",[225,488,489,502],{},[228,490,491],{},[231,492,493,496,499],{},[234,494,495],{},"Indicateur",[234,497,498],{},"Ce qu’il mesure",[234,500,501],{},"La question pour vous",[247,503,504,519,533,547,561],{},[231,505,506,513,516],{},[252,507,508,509,512],{},"Délai de mise en production (",[121,510,511],{},"change lead time",")",[252,514,515],{},"Le temps entre l’enregistrement d’une modification et son arrivée en production",[252,517,518],{},"Combien de temps une correction déjà écrite attend-elle avant d’être en ligne ?",[231,520,521,527,530],{},[252,522,523,524,512],{},"Fréquence de déploiement (",[121,525,526],{},"deployment frequency",[252,528,529],{},"Le nombre de mises en production sur une période",[252,531,532],{},"À quel rythme vos clients voient-ils les améliorations ?",[231,534,535,541,544],{},[252,536,537,538,512],{},"Temps de rétablissement (",[121,539,540],{},"failed deployment recovery time",[252,542,543],{},"Le temps pour se remettre d’un déploiement qui exige une intervention immédiate",[252,545,546],{},"Combien de temps dure une panne causée par une mise à jour ?",[231,548,549,555,558],{},[252,550,551,552,512],{},"Taux d’échec des changements (",[121,553,554],{},"change fail rate",[252,556,557],{},"La part des déploiements qui exigent une intervention immédiate",[252,559,560],{},"Combien de mises à jour cassent quelque chose ?",[231,562,563,569,572],{},[252,564,565,566,512],{},"Taux de déploiements correctifs (",[121,567,568],{},"deployment rework rate",[252,570,571],{},"La part des déploiements non planifiés, faits pour réparer un incident en production",[252,573,574],{},"Quelle part du travail sert à réparer plutôt qu’à avancer ?",[117,576,577],{},"Les recherches de DORA vont contre une idée reçue : vitesse et stabilité ne s’opposent pas. Les équipes les plus performantes obtiennent de bons résultats sur les cinq indicateurs à la fois, les moins performantes de mauvais résultats sur tous. DORA associe aussi la livraison continue à une meilleure qualité, à des mises en production moins pénibles et à moins d’épuisement dans les équipes. Il met toutefois en garde : ces indicateurs servent à suivre une même application dans le temps, pas à comparer des équipes, et en faire des objectifs incite à les manipuler plutôt qu’à progresser.",[117,579,580,581,586],{},"Dans son rapport 2025, DORA décrit l’IA comme un amplificateur des forces comme des faiblesses d’une organisation (",[137,582,585],{"href":583,"rel":584},"https:\u002F\u002Fdora.dev\u002Fresearch\u002F2025\u002Fdora-report\u002F",[160],"State of AI-assisted Software Development 2025",", en anglais). Plus de code écrit plus vite par les assistants de programmation, ce sont aussi plus de modifications à vérifier : le pipeline sert alors de garde-fou.",[142,588,590],{"id":589},"sécuriser-la-chaîne-secrets-dépendances-accès","Sécuriser la chaîne : secrets, dépendances, accès",[117,592,593,594,599],{},"Un pipeline détient les clés de la production : mots de passe de base de données, clés d’API, accès à l’hébergement. C’est donc une cible à part entière. L’ANSSI le dit nettement dans ",[137,595,598],{"href":596,"rel":597},"https:\u002F\u002Fmesservices.cyber.gouv.fr\u002Fguides\u002Fdevsecops",[160],"ses « Essentiels » consacrés au DevSecOps",", publiés en 2024 : les actions réalisées par la CI\u002FCD de production doivent être considérées comme des actions d’administration.",[117,601,602,603,606,607,612,613,618],{},"Les 14 et 15 mars 2025, ",[392,604,605],{},"tj-actions\u002Fchanged-files",", un composant tiers de GitHub Actions (une « action »), a été compromis : ses étiquettes de version ont été redirigées vers du code malveillant qui recopiait les secrets des projets dans leurs journaux d’exécution, publics lorsque le dépôt l’est. Selon ",[137,608,611],{"href":609,"rel":610},"https:\u002F\u002Fgithub.com\u002Fadvisories\u002FGHSA-mrrh-fwg8-r2c3",[160],"l’avis de sécurité publié par GitHub"," (en anglais), plus de 23 000 dépôts étaient concernés. ",[137,614,617],{"href":615,"rel":616},"https:\u002F\u002Fdocs.github.com\u002Ffr\u002Factions\u002Freference\u002Fsecurity\u002Fsecure-use",[160],"La documentation de sécurité de GitHub Actions"," le rappelle : une action compromise aurait accès à tous les secrets configurés sur le dépôt. Elle recommande donc de figer chaque action sur un enregistrement précis de son code, de préférence avec un fichier de verrouillage, sinon par son empreinte complète (SHA), car une étiquette peut être déplacée.",[117,620,621],{},"Posez ces questions, inspirées des recommandations de l’ANSSI, à votre équipe ou à votre prestataire :",[167,623,624,630,636,642],{},[170,625,626,629],{},[203,627,628],{},"Les secrets"," sont-ils rangés dans un coffre dédié, distinct pour la préproduction et la production, et absents du code, des dépôts et des journaux d’exécution ?",[170,631,632,635],{},[203,633,634],{},"Les accès"," au dépôt sont-ils nominatifs et protégés par une authentification à plusieurs facteurs ? Qui peut déclencher une mise en production, et ces actions sont-elles journalisées ?",[170,637,638,641],{},[203,639,640],{},"Les dépendances",", composants tiers du pipeline compris, sont-elles limitées au nécessaire, évaluées, et leurs correctifs de sécurité appliqués avant chaque déploiement ?",[170,643,644,647],{},[203,645,646],{},"Les infrastructures"," de CI\u002FCD de développement et de production sont-elles séparées, et non exposées directement sur Internet ?",[117,649,650,651,654],{},"Si plusieurs réponses restent floues, ",[137,652,653],{"href":81},"un audit de sécurité qui passe en revue comptes, secrets et dépendances"," permet de faire le point avant qu’un incident ne s’en charge.",[142,656,658],{"id":657},"un-pipeline-pour-un-petit-site-est-ce-utile","Un pipeline pour un petit site, est-ce utile ?",[117,660,661],{},"Oui, à condition de rester léger. Pour un site vitrine statique, comme ceux que nous recommandons, trois étapes suffisent : construire le site, vérifier ses pages et ses liens, puis le publier, d’abord en prévisualisation, ensuite en production. Un site statique est un ensemble de fichiers générés à l’avance : revenir en arrière consiste à republier la version précédente.",[117,663,664,665,670,671,676,677,682],{},"Le gain n’est pas la vitesse, c’est la tranquillité : fini les fichiers envoyés à la main sur le serveur et les mises en ligne suspendues à une seule personne, et chaque version publiée laisse une trace. L’outillage, lui, coûte peu. Pour les dépôts privés, l’offre gratuite de GitHub inclut chaque mois 12 dollars d’exécution, soit l’équivalent de 2 000 minutes sur une machine Linux standard facturée 0,006 dollar la minute ; ces machines standard sont gratuites pour les dépôts publics (",[137,666,669],{"href":667,"rel":668},"https:\u002F\u002Fdocs.github.com\u002Ffr\u002Fbilling\u002Fconcepts\u002Fproduct-billing\u002Fgithub-actions",[160],"la facturation de GitHub Actions","). L’offre gratuite de GitLab.com inclut 400 minutes de calcul par mois (",[137,672,675],{"href":673,"rel":674},"https:\u002F\u002Fdocs.gitlab.com\u002Fci\u002Fpipelines\u002Fcompute_minutes\u002F",[160],"les quotas de GitLab",", en anglais), mais un groupe privé y est ",[137,678,681],{"href":679,"rel":680},"https:\u002F\u002Fdocs.gitlab.com\u002Fuser\u002Ffree_user_limit\u002F",[160],"limité à cinq utilisateurs"," (en anglais).",[117,684,685,686,190],{},"Ces conditions, relevées le 4 novembre 2026, peuvent changer. Le vrai coût est ailleurs : le temps de mettre en place le pipeline et d’écrire des tests utiles, puis de les entretenir. Pour un projet qui exige davantage — boutique à fort trafic, application métier, produit SaaS —, la mise en place d’une infrastructure cloud par notre studio démarre à 4 900 € HT, pipeline compris (",[137,687,689],{"href":688},"\u002Ftarifs#infrastructure-cloud-nantes","nos tarifs d’infrastructure cloud",[117,691,692],{},"Trois questions suffisent pour savoir où vous en êtes : comment une modification arrive-t-elle en production ? Combien de temps faut-il pour revenir à la version précédente ? Où le pipeline est-il décrit, et à qui appartient-il ? Si vous souhaitez en parler, le premier rendez-vous de 30 minutes est gratuit, au studio à Nantes ou en visio.",{"title":694,"searchDepth":26,"depth":26,"links":695},"",[696,697,698,699,703,704,705],{"id":144,"depth":19,"text":145},{"id":193,"depth":19,"text":194},{"id":302,"depth":19,"text":303},{"id":386,"depth":19,"text":387,"children":700},[701,702],{"id":451,"depth":26,"text":452},{"id":465,"depth":26,"text":466},{"id":476,"depth":19,"text":477},{"id":589,"depth":19,"text":590},{"id":657,"depth":19,"text":658},null,"2026-11-04","CI\u002FCD, c’est quoi ? Nous expliquons sans jargon l’intégration, la livraison et le déploiement continus, la préproduction, les indicateurs DORA et la sécurité.","md",[711,714,717,720],{"question":712,"answer":713},"DevOps et CI\u002FCD, c’est la même chose ?","Non. DevOps désigne une façon de travailler qui rapproche les personnes qui développent un logiciel et celles qui l’exploitent, avec des objectifs et des outils communs. La CI\u002FCD en est la pratique la plus visible : la chaîne automatisée qui mène chaque modification jusqu’à la production. Quand la sécurité est intégrée à chaque étape, du développement à la mise en production, on parle de DevSecOps.",{"question":715,"answer":716},"Peut-on faire de la CI\u002FCD avec un site WordPress ?","Oui, pour la partie code : le thème, les extensions développées pour vous et la configuration peuvent être versionnés, testés puis déployés par un pipeline. Les contenus et la base de données, eux, sont modifiés directement en production depuis l’administration : ils ne passent pas par cette chaîne et se protègent par des sauvegardes. Vous gagnez surtout une trace de chaque mise en ligne : ce qui a changé, quand et pourquoi.",{"question":718,"answer":719},"GitHub Actions ou GitLab CI : lequel choisir ?","Les deux conviennent à un site ou à une application de PME, et le plus simple est souvent d’utiliser l’outil de la plateforme qui héberge déjà votre code. Tous deux peuvent faire tourner les tâches sur vos propres machines ; GitLab existe même en édition gratuite à installer sur vos serveurs, quand GitHub réserve cette possibilité à son offre Enterprise. Regardez surtout où s’exécute la construction de votre code et qui y a accès : l’ANSSI invite à être vigilant sur la confidentialité de cette infrastructure, notamment sa localisation.",{"question":721,"answer":722},"Que devient le pipeline si je change de prestataire ?","Il reste avec votre code s’il est décrit dans le dépôt, sous forme de fichier, et non réglé à la main sur les machines du prestataire. Vérifiez que le dépôt, l’outil d’intégration et l’hébergement sont ouverts à votre nom, et que le contrat prévoit la remise du code et de sa documentation. Au départ du prestataire, faites renouveler les secrets qu’il connaissait : clés d’API, mots de passe de base de données, jetons d’accès.",false,"CI\u002FCD c’est quoi",{},true,"\u002Fjournal\u002Fci-cd-pipeline-de-deploiement","projet-web-budget-methode",{"title":730,"description":708},"CI\u002FCD, c’est quoi ? Le pipeline expliqué",[732,733],"infrastructure-cloud-nantes","developpement-web-sur-mesure-nantes",{"loc":727,"lastmod":707},"journal\u002Fci-cd-pipeline-de-deploiement","Intégration continue, livraison ou déploiement continus : ce que recouvre la CI\u002FCD, à quoi ressemble un pipeline pour un site ou une application, ce que votre entreprise y gagne et comment le sécuriser.","3KAZFStHzfErv9ug7M-kORmAuQSuSfFWyBKcKQEFzKY",{"rubrique":739,"author":742,"articles":752,"surround":904},{"path":106,"title":107,"navTitle":108,"color":10,"promise":740,"service":741},"Un projet cadré, un site rapide, sûr et sobre, qui vieillit bien.","maintenance-site-internet-nantes",{"id":743,"avatar":706,"bio":744,"extension":745,"kind":746,"linkedin":706,"meta":747,"name":748,"role":749,"stem":750,"__hash__":751},"auteurs\u002Fauteurs\u002Fequipe-fogg.yml","Nous concevons, développons et référençons des sites internet dans notre studio à Nantes : le design, le code et le SEO sont faits par la même équipe. Dans notre journal, nous partageons ce que nos projets nous apprennent, sans jargon ni recette miracle.","yml","Organization",{},"L’équipe FOGG","Designers et développeurs web à Nantes","auteurs\u002Fequipe-fogg","meeZrKeERqL_z9wDxs9-KEBQVU-S_fJG72JEtKhFKbQ",[753,761,767,774,779,786,788,793,800,806,811,815,820,826,832,838,844,850,856,862,868,874,879,886,892,898],{"path":754,"title":755,"summary":756,"date":707,"rubrique":757,"services":758},"\u002Fjournal\u002Fanimations-site-web-utiles-ou-nuisibles","Animations sur un site web : utiles ou nuisibles ?","Certaines animations guident vos visiteurs, d’autres ralentissent la page, les distraient ou leur donnent le vertige. Voici nos critères pour faire le tri, les règles d’accessibilité à connaître et la façon d’animer sans alourdir votre site.","ux-contenus-accessibilite",[759,760],"webdesign-ux-ui-nantes","optimisation-vitesse-site-web-nantes",{"path":762,"title":763,"summary":764,"date":707,"rubrique":757,"services":765},"\u002Fjournal\u002Farborescence-site-web-methode-et-exemples","Arborescence d’un site web : la méthode, avec des exemples","Avant de dessiner la moindre page, il faut décider lesquelles existent et comment elles s’emboîtent. Voici notre méthode pour construire l’arborescence d’un site, avec trois exemples commentés et deux façons simples de la tester.",[759,766],"creation-site-vitrine-nantes",{"path":768,"title":769,"summary":770,"date":707,"rubrique":771,"services":772},"\u002Fjournal\u002Fbaisse-de-trafic-google-trouver-la-cause","Baisse de trafic sur Google : comment en trouver la cause","Mesure faussée, erreur technique, mise à jour de Google, Aperçus IA ou simple saisonnalité : voici comment trouver la cause d’une baisse de trafic Google, dans l’ordre, et quoi faire ensuite.","seo-visibilite-locale",[773,741],"referencement-naturel-seo-nantes",{"path":775,"title":776,"summary":777,"date":707,"rubrique":757,"services":778},"\u002Fjournal\u002Fbandeau-cookies-regles-cnil","Bandeau cookies : les règles de la CNIL à respecter en 2026","Refuser aussi simplement qu’accepter, expliquer les finalités, conserver le choix : voici ce que la CNIL attend d’un bandeau cookies en 2026, ce qui a changé cette année et comment le rendre accessible sans ralentir votre site.",[741,759],{"path":780,"title":781,"summary":782,"date":707,"rubrique":783,"services":784},"\u002Fjournal\u002Fbouton-de-retractation-obligatoire","Bouton de rétractation obligatoire : ce qui change depuis le 19 juin 2026","Depuis le 19 juin 2026, une boutique en ligne doit permettre à ses clients particuliers d’exercer leur droit de rétractation depuis le site, par un bouton « renoncer au contrat ici ». Voici ce que disent les textes, qui est concerné et comment l’intégrer sans alourdir votre parcours.","design-conversion-ecommerce",[785,741],"creation-site-e-commerce-nantes",{"path":727,"title":111,"summary":736,"date":707,"rubrique":728,"services":787},[732,733],{"path":789,"title":790,"summary":791,"date":707,"rubrique":771,"services":792},"\u002Fjournal\u002Fcore-web-vitals-lcp-inp-cls","Core Web Vitals : LCP, INP et CLS expliqués simplement","La page s’affiche-t-elle vite, réagit-elle tout de suite, reste-t-elle stable ? Le LCP, l’INP et le CLS répondent à ces trois questions : voici comment Google les mesure, comment les tester et par où commencer pour les améliorer.",[760,773],{"path":794,"title":795,"summary":796,"date":707,"rubrique":728,"services":797},"\u002Fjournal\u002Feco-conception-web-rgesn","Éco-conception web : ce que demande le RGESN","Le référentiel officiel de l’éco-conception web compte 78 critères, mais aucune loi n’oblige une entreprise à l’appliquer. Voici ce qu’il demande vraiment à un site vitrine ou à une boutique, et comment fixer un budget de poids, mesurer sans se tromper et publier sa déclaration.",[798,799],"eco-conception-web-nantes","refonte-site-internet-nantes",{"path":801,"title":802,"summary":803,"date":707,"rubrique":728,"services":804},"\u002Fjournal\u002Fn8n-make-zapier-quel-outil-d-automatisation","n8n, Make ou Zapier : quel outil pour automatiser vos tâches ?","Zapier pour démarrer sans technicien, Make pour les flux qui se ramifient, n8n pour garder la main sur vos données : ce qui distingue vraiment ces trois outils, de la facturation à la maintenance, prix relevés le 4 novembre 2026.",[805,733],"automatisation-processus-nantes",{"path":807,"title":808,"summary":809,"date":707,"rubrique":771,"services":810},"\u002Fjournal\u002Fpourquoi-mon-site-n-apparait-pas-sur-google","Pourquoi mon site n’apparaît pas sur Google ? Causes et solutions","Site trop récent, réglage qui bloque Google, page explorée mais non retenue, classement trop faible : voici comment trouver la cause avec deux outils gratuits, puis la corriger.",[773,766],{"path":297,"title":812,"summary":813,"date":707,"rubrique":728,"services":814},"Préparer son site au Black Friday : tenir le pic de trafic","Estimer le pic, le simuler, mettre en cache, prévoir la montée en charge et organiser le jour J : la méthode pour que votre boutique tienne au moment où elle vend le plus, avec un plan sur trois semaines.",[732,785],{"path":816,"title":817,"summary":818,"date":707,"rubrique":783,"services":819},"\u002Fjournal\u002Fsite-vitrine-ou-site-e-commerce","Site vitrine ou site e-commerce : comment choisir ?","Un site vitrine prépare la vente, une boutique en ligne la conclut. Voici comment choisir selon votre offre, votre budget et votre temps, et quelles solutions existent entre les deux.",[766,785],{"path":821,"title":822,"summary":823,"date":707,"rubrique":728,"services":824},"\u002Fjournal\u002Fsite-wordpress-pirate-que-faire","Site WordPress piraté : que faire dans les premières heures ?","Redirections, pages de spam, alerte de Google : quand un site WordPress est piraté, les premières heures comptent. Voici quoi faire, dans l’ordre, et ce qu’il ne faut surtout pas effacer.",[825,741],"audit-securite-site-web-nantes",{"path":827,"title":828,"summary":829,"date":830,"rubrique":728,"services":831},"\u002Fjournal\u002Fchoisir-son-agence-web-a-nantes","Choisir son agence web à Nantes : 12 questions à poser avant de signer","Portfolio, prix, bon contact : ces critères ne suffisent pas. Douze questions révèlent comment une agence travaille vraiment et ce que vous posséderez à la fin.","2026-10-29",[766],{"path":833,"title":834,"summary":835,"date":836,"rubrique":783,"services":837},"\u002Fjournal\u002Fshopify-woocommerce-prestashop-quelle-solution-choisir","Shopify, WooCommerce ou PrestaShop : quelle solution choisir ?","Trois solutions sérieuses, trois logiques différentes : voici comment comparer coûts, souplesse et propriété des données pour choisir la vôtre sans regret.","2026-10-27",[785],{"path":839,"title":840,"summary":841,"date":842,"rubrique":757,"services":843},"\u002Fjournal\u002Frediger-les-textes-de-son-site-internet","Rédiger le contenu d’un site internet : être compris en cinq secondes","Un visiteur décide en quelques secondes s’il reste sur votre page. Voici la méthode que nous suivons pour écrire des textes de site clairs, utiles et bien référencés, avec un exemple avant\u002Faprès.","2026-10-24",[759,766],{"path":845,"title":846,"summary":847,"date":848,"rubrique":771,"services":849},"\u002Fjournal\u002Freferencement-local-nantes-google-business-profile","Référencement local à Nantes : guide pour apparaître dans Google Maps","Pertinence, distance, notoriété : Google classe les entreprises locales selon trois critères. Voici comment les travailler quand vos clients sont à Nantes.","2026-10-22",[773],{"path":851,"title":852,"summary":853,"date":854,"rubrique":728,"services":855},"\u002Fjournal\u002Fdevis-site-internet-comparer-deux-propositions","Devis de site internet : comment comparer deux propositions","Deux devis pour le même site, deux montants qui vont du simple au double : avant de choisir le moins cher, vérifiez qu’ils décrivent bien le même projet.","2026-10-20",[766,799],{"path":857,"title":858,"summary":859,"date":860,"rubrique":783,"services":861},"\u002Fjournal\u002Fsite-vitrine-elements-indispensables","Site vitrine efficace : les 10 éléments qui transforment une visite en contact","Un site vitrine n’a qu’une mission : donner envie de vous contacter. Voici les dix éléments qui font la différence, et comment vérifier ceux de votre site.","2026-10-17",[766,759],{"path":863,"title":864,"summary":865,"date":866,"rubrique":757,"services":867},"\u002Fjournal\u002Fmaquette-prototype-design-system-etapes-du-webdesign","Zoning, wireframe, maquette de site web, prototype : les étapes du webdesign","Entre la première réunion et la mise en ligne, un site passe par plusieurs états : zoning, maquettes, prototype, design system. À quoi sert chaque étape, que validez-vous, et pourquoi c’est là que se font les vraies économies.","2026-10-15",[759],{"path":869,"title":870,"summary":871,"date":872,"rubrique":771,"services":873},"\u002Fjournal\u002Fseo-ia-etre-cite-par-les-moteurs-de-reponse","SEO et IA : comment apparaître dans ChatGPT et les Aperçus IA","Aperçus IA, Mode IA, ChatGPT ou Perplexity citent leurs sources. Voici ce qui aide vraiment un site à en faire partie, documentation officielle à l’appui.","2026-10-13",[773],{"path":379,"title":875,"summary":876,"date":877,"rubrique":728,"services":878},"Maintenance de site internet : que prévoir après la mise en ligne ?","Un site n’est pas terminé le jour de sa mise en ligne. Voici ce qu’il faut prévoir pour qu’il reste sûr, rapide et bien référencé, et comment s’organiser.","2026-10-10",[741],{"path":880,"title":881,"summary":882,"date":883,"rubrique":757,"services":884},"\u002Fjournal\u002Feuropean-accessibility-act-ce-qui-change-pour-votre-site","European Accessibility Act : ce que la loi sur l’accessibilité numérique change pour votre site","Depuis le 28 juin 2025, l’accessibilité est obligatoire pour de nombreux services en ligne, à commencer par la vente aux particuliers. Qui est concerné, quelles règles appliquer, quels risques, et par où commencer.","2026-10-08",[885,785],"accessibilite-numerique-nantes",{"path":887,"title":888,"summary":889,"date":890,"rubrique":728,"services":891},"\u002Fjournal\u002Fcahier-des-charges-site-internet-en-une-page","Cahier des charges de site internet : un modèle en une page","Inutile d’écrire quarante pages : un cahier des charges d’une seule page, honnête et précis, suffit à cadrer un site vitrine et à obtenir des devis comparables.","2026-10-06",[766,733],{"path":893,"title":894,"summary":895,"date":896,"rubrique":783,"services":897},"\u002Fjournal\u002Ffiche-produit-e-commerce-qui-vend","Fiche produit e-commerce : l’anatomie d’une page qui vend","Titre, photos, prix, avis, bouton d’achat : chaque bloc d’une fiche produit répond à une question de l’acheteur. Voici comment les assembler pour qu’elle vende.","2026-10-03",[785,759],{"path":899,"title":900,"summary":901,"date":902,"rubrique":771,"services":903},"\u002Fjournal\u002Frefonte-site-sans-perdre-son-referencement","Refonte de site et SEO : comment ne pas perdre son référencement","Une refonte mal préparée peut faire perdre une bonne partie du trafic venu de Google. Inventaire, redirections, préproduction, suivi : la méthode pour l’éviter.","2026-10-01",[799,773],[905,908],{"title":781,"path":780,"stem":906,"description":907,"children":-1},"journal\u002Fbouton-de-retractation-obligatoire","Le bouton de rétractation est obligatoire depuis le 19 juin 2026 : sites concernés, libellés imposés, accusé de réception, CGV à revoir et sanctions encourues.",{"title":790,"path":789,"stem":909,"description":910,"children":-1},"journal\u002Fcore-web-vitals-lcp-inp-cls","Core Web Vitals : ce que mesurent le LCP, l’INP et le CLS, les seuils de Google, comment tester votre site et améliorer chaque indicateur, sans jargon.",{"path":75,"title":76,"summary":78,"color":52},1793879330242]