Nous avons maintenu plus d'une centaine de sites en production construits sur des stacks modernes -- Next.js, Astro, configurations headless CMS, et autres. Et la seule question la plus courante que nous posent les clients n'est pas sur le design ou les fonctionnalités. C'est : « Quel sera le coût mensuel après le lancement ? »

Question légitime. Et honnêtement, la réponse que vous trouverez sur la plupart des sites d'agences est une ordure. Ils proposent soit des tarifs trop bas pour conclure la vente, soit une fourchette si large qu'elle n'a aucun sens (« 50 à 5 000 $/mois » -- merci, très utile). Décortiquons plutôt cela avec des chiffres réels issus de vrais projets sur lesquels nous avons travaillé en 2025 et en 2026. Si vous savez déjà ce dont vous avez besoin et souhaitez passer directement, soumettez votre RFP et nous vous fournirons des chiffres réels, pas du blabla.

Table des matières

Pourquoi les stacks modernes changent l'équation de la maintenance

Si vous venez de l'univers WordPress, vous êtes habitué à un certain rythme de maintenance : mettre à jour les plugins, mettre à jour le noyau, croiser les doigts pour que rien ne casse, réparer ce qui a cassé, payer pour un hébergement géré qui s'occupe de certaines choses pour vous. C'est un tapis roulant.

Les stacks modernes comme Next.js et Astro inversent cela. Il n'y a pas de serveur monolithique à corriger. Pas d'écosystème de plugins où un seul package abandonné peut couler votre site. Pas de base de données à optimiser chaque trimestre.

Mais voici ce que les gens oublient : ils ont leur propre profil de maintenance. Vous avez échangé une série de problèmes contre une autre. Les mises à jour des dépendances dans package.json nécessitent quand même de l'attention. Votre CMS headless a quand même des frais d'abonnement. Les fonctions serverless ont des démarrages à froid qui nécessitent une surveillance. Les configurations du réseau edge ont besoin de mise au point.

La bonne nouvelle ? Pour la plupart des sites, le coût total de possession est inférieur. Souvent sensiblement. Mais « inférieur » ne veut pas dire « zéro », et j'ai vu trop d'équipes lancer un site Astro brillant et ensuite être surprises quand les choses ont besoin d'attention six mois plus tard.

Les catégories de coûts principaux

Avant d'entrer dans des chiffres spécifiques, cartographions ce qui coûte réellement de l'argent. Chaque budget de maintenance de site Web, quel que soit le stack, se décompose en ces domaines :

  1. Hébergement et infrastructure -- Où votre code s'exécute
  2. CMS et services tiers -- Gestion de contenu, formulaires, recherche, analytique
  3. Sécurité et mises à jour des dépendances -- Garder les choses corrigées et sûres
  4. Surveillance des performances -- S'assurer que cela reste rapide
  5. Mises à jour du contenu et travail sur les fonctionnalités -- Développement continu
  6. Domaine et SSL -- Les trucs ennuyeux qui coûtent quand même de l'argent

Parcourons chacun d'eux.

Coûts d'hébergement et d'infrastructure

C'est là que les stacks modernes brillent. Un site Astro statique ou une application Next.js déployée sur une plateforme edge coûte une fraction de l'hébergement traditionnel.

Sites Astro (surtout statiques)

Si votre site Astro est purement statique -- et beaucoup le sont, c'est un peu le point --, vos coûts d'hébergement peuvent être ridiculement bas.

  • Cloudflare Pages : Gratuit pour les sites illimités, bande passante illimitée. Oui, vraiment. Vous paierez 0 $/mois pour héberger un site Astro statique sur Cloudflare Pages en 2026. Leur plan payant à 20 $/mois ajoute des analyses web et plus de minutes de compilation, mais la plupart des sites n'en ont pas besoin.
  • Netlify : Le forfait gratuit couvre 100 Go de bande passante/mois et 300 minutes de compilation. Leur plan Pro est 19 $/mois par membre. Pour un site commercial typique recevant 50 000 à 100 000 pages vues/mois, le forfait gratuit fonctionne bien.
  • Vercel : Gratuit pour un usage personnel. Le plan Pro est 20 $/mois par membre avec 1 To de bande passante.

Pour les sites Astro utilisant SSR (rendu côté serveur) via les îles de serveur d'Astro ou le mode hybride, vous aurez besoin d'une plateforme qui supporte les fonctions serverless. Cloudflare Workers, Netlify Functions ou Vercel Serverless fonctionnent tous, et les coûts évoluent avec l'utilisation. Pour la plupart des sites commerciaux, vous cherchez 0-25 $/mois.

Sites Next.js

Next.js est une bête différente. Même si vous générez des pages statiques avec generateStaticParams, la plupart des applications Next.js utilisent des fonctionnalités dynamiques -- routes API, composants serveur, ISR (Régénération statique incrémentale), middleware.

  • Vercel (le choix évident) : Plan Pro à 20 $/mois par membre de l'équipe. C'est là que la plupart des applications Next.js se retrouvent. Mais attention à vos invocations de fonctions serverless -- le plan Pro inclut 1 million d'invocations de fonction/mois. Les sites à fort trafic ou les sites avec ISR agressif peuvent dépasser cela. Nous avons vu des clients atteindre 100-300 $/mois sur Vercel pour les sites de commerce électronique de taille moyenne.
  • AWS Amplify : Modèle de paiement à l'utilisation. Généralement 5-50 $/mois pour les sites commerciaux standards. Plus complexe à configurer que Vercel, mais peut être moins cher à l'échelle.
  • Coolify / Auto-hébergé : Si vous avez les compétences en ops, vous pouvez exécuter Next.js sur un VPS de 20-50 $/mois. Nous ne recommandons pas cela pour la plupart des clients -- vous échangez les coûts d'hébergement pour le temps ops, et le temps ops n'est pas gratuit.

Une note sur la tarification Vercel en 2026

Vercel a mis à jour sa structure tarifaire fin 2025, et le tier Enterprise commence maintenant à 2 500 $/mois. Si vous êtes dans une équipe de 5+ développeurs ou avez besoin de fonctionnalités avancées comme la protection des dépenses, l'authentification unique SAML ou le support dédié, c'est le tier sur lequel vous vous retrouverez. Pour la plupart des petites à moyennes entreprises, le plan Pro à 20 $/siège fonctionne bien.

Coûts du CMS et des services tiers

Votre CMS headless est généralement le plus gros poste après l'hébergement. Voici ce que les grands acteurs facturent en 2026 :

CMS Forfait gratuit Forfait Pro/Équipe Entreprise
Sanity 3 utilisateurs, 100 K requêtes API/mois 15 $/utilisateur/mois (Growth) Tarification personnalisée
Contentful 1 espace, 5 utilisateurs 300 $/mois (Team) Tarification personnalisée
Storyblok 1 utilisateur, 1 espace 99 €/mois (Business) Tarification personnalisée
Payload CMS Auto-hébergé (gratuit) Payload Cloud à partir de 35 $/mois Tarification personnalisée
WordPress (headless) Auto-hébergé Géré : 25-50 $/mois 200+ $/mois
Keystatic Gratuit (basé sur des fichiers) Gratuit N/A
Decap CMS Gratuit (basé sur Git) Gratuit N/A

Pour nos projets chez Social Animal, nous recommandons souvent Sanity pour les configurations headless CMS parce que le forfait gratuit est véritablement généreux et l'expérience développeur est excellente. Pour les sites simples, les options basées sur fichiers comme Keystatic peuvent éliminer entièrement les coûts du CMS.

Au-delà du CMS, vous avez d'autres services qui s'accumulent :

  • Analytique : Plausible (9 $/mois), Fathom (14 $/mois), ou Vercel Analytics (inclus dans Pro)
  • Gestion de formulaires : Formspree (10 $/mois), ou construisez simplement une fonction serverless
  • Recherche : Algolia (gratuit jusqu'à 10 K requêtes/mois, puis 1 $/1 K requêtes), ou Pagefind (gratuit, exécuté côté client)
  • Email/Newsletter : Resend (20 $/mois pour 50 K emails), Mailchimp (gratuit jusqu'à 500 contacts)
  • Image CDN : Cloudinary (forfait gratuit : 25 K transformations/mois), ou utilisez simplement le pipeline d'images intégré de votre CMS

Un total mensuel réaliste pour les services tiers sur un site de petite à moyenne entreprise : 30-150 $/mois.

Sécurité, mises à jour et gestion des dépendances

C'est là que le « travail » de maintenance vit. Et c'est le coût que la plupart des articles sur la maintenance de sites ignorent commodément parce qu'il est plus difficile d'y mettre un chiffre.

Mises à jour des dépendances

Nous avons atteint cela à l'échelle tôt : un projet Next.js client avait 137 dépendances directes, et après trois mois de négligence, npm audit criait à propos de 14 vulnérabilités, 3 d'entre elles critiques. C'est un scénario typique. Un projet Next.js porte 50-150 dépendances directes. Les projets Astro en ont généralement moins -- peut-être 20-60. Chacun obtient des mises à jour, et certaines de ces mises à jour sont des correctifs de sécurité que vous devez véritablement appliquer.

Notre approche de maintenance :

# Nous exécutons ceci chaque semaine sur les projets clients
npm audit
npx npm-check-updates -u --target minor
npm install
npm run build
npm run test

Pour les correctifs de sécurité critiques, nous les appliquons dans les 48 heures. Pour les mises à jour mineures et majeures, nous les regroupons mensuellement et testons minutieusement.

Investissement en temps : 2-4 heures/mois pour un site typique. Aux tarifs d'agence (150-200 $/heure), c'est 300-800 $/mois.

Si vous faites cela vous-même et que vous savez ce que vous faites, vous pouvez réduire cela à 1-2 heures. Des outils comme Renovate Bot ou Dependabot peuvent automatiser la création de PR, mais quelqu'un doit encore vérifier et fusionner.

Renouvellement SSL et domaine

SSL est gratuit partout où cela compte en 2026 (Let's Encrypt, Cloudflare, Vercel, Netlify gèrent tous cela automatiquement). Le renouvellement de domaine coûte 10-50 $/an selon votre TLD. Pas la peine de s'inquiéter, mais n'oubliez pas de définir le renouvellement automatique.

En-têtes de sécurité et configuration

C'est une tâche à configurer une fois et largement oublier. Politique de sécurité du contenu, configuration CORS, limitation de débit sur les routes API. Nous configurons généralement cela pendant la phase de build et le revisiterons trimestriellement.

// next.config.ts - Exemple d'en-têtes de sécurité
const securityHeaders = [
  {
    key: 'X-Frame-Options',
    value: 'DENY',
  },
  {
    key: 'X-Content-Type-Options',
    value: 'nosniff',
  },
  {
    key: 'Referrer-Policy',
    value: 'strict-origin-when-cross-origin',
  },
  {
    key: 'Content-Security-Policy',
    value: "default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline';",
  },
];

Investissement en temps : 1-2 heures/trimestre.

Surveillance et optimisation des performances

Lancer un site rapide est une chose. Le garder rapide ? C'est le vrai travail. Les éditeurs de contenu ajoutent des images non optimisées. Le marketing demande un nouveau script tiers. Ce score Lighthouse de 95 diminue lentement à 72.

Coûts de la surveillance

  • Vercel Speed Insights : Inclus dans le plan Pro (0 $ supplémentaire)
  • Calibre : À partir de 45 $/mois pour la surveillance des performances web
  • SpeedCurve : À partir de 11,90 $/mois
  • Google Search Console + PageSpeed Insights : Gratuit, et honnêtement suffisant pour la plupart des sites

À quoi ressemble le travail d'optimisation

Chaque trimestre, nous exécutons un audit de performance sur les sites clients :

  1. Vérifier les Core Web Vitals dans Search Console
  2. Exécuter Lighthouse CI sur les pages clés
  3. Vérifier la taille du bundle avec next/bundle-analyzer ou la sortie de build intégrée d'Astro
  4. Vérifier les régressions de décalage de mise en page
  5. Vérifier l'optimisation des images (les nouvelles images utilisent-elles les bons formats ?)

Investissement en temps : 3-6 heures/trimestre, ou environ 1-2 heures/mois en moyenne.

Mises à jour du contenu et travail sur les fonctionnalités

C'est le joker. Certains clients lancent un site et le touchent à peine. D'autres veulent des mises à jour hebdomadaires, de nouvelles pages de destination, des articles de blog qui ont besoin de composants personnalisés, et des ajouts de fonctionnalités.

La beauté d'une configuration headless CMS est que les mises à jour de contenu sont généralement en libre-service. Votre équipe marketing se connecte à Sanity ou Storyblok, fait des modifications, et le site se reconstruit automatiquement. Aucun développeur nécessaire pour 90% du travail de contenu.

Mais il y a ces autres 10% :

  • « Pouvons-nous ajouter une calculatrice de tarification à cette page ? »
  • « Nous avons besoin d'un nouveau modèle de page de destination pour notre campagne Q3 »
  • « Le blog a besoin d'un composant de table des matières »
  • « Pouvons-nous intégrer avec HubSpot ? »

C'est du vrai travail de développement, et cela varie énormément. Nous recommandons généralement aux clients de budgétiser 5-10 heures/mois de temps de développement pour les améliorations continues. À nos tarifs, cela vous donne suffisamment de marge de manœuvre pour faire des améliorations significatives sans casser la tirelire. Si vous examinez un projet en ce moment et voulez de la clarté sur les coûts continus, envoyez-nous votre RFP et nous inclurons une estimation de maintenance aux côtés de la soumission de build.

Comparaison complète des coûts : Next.js vs Astro vs WordPress

Rassemblons tout cela. Voici ce qu'un site typique de petite à moyenne entreprise coûte à maintenir mensuellement, ventilé par stack :

Catégorie de coût Next.js (Vercel) Astro (Cloudflare) WordPress (Géré)
Hébergement 20-100 $/mois 0-20 $/mois 30-100 $/mois
CMS 0-99 $/mois (Sanity/Payload) 0-99 $/mois (Sanity/Keystatic) 0 $ (intégré)
Domaine + SSL ~3 $/mois ~3 $/mois ~3 $/mois
Services tiers 30-100 $/mois 20-80 $/mois 50-150 $/mois (plugins)
Sécurité/mises à jour (travail) 300-600 $/mois 200-400 $/mois 200-500 $/mois
Surveillance des performances 0-50 $/mois 0-50 $/mois 0-50 $/mois
Mises à jour du contenu (travail) 750-1 500 $/mois 750-1 500 $/mois 500-1 000 $/mois
TOTAL (avec travail) 1 100-2 450 $/mois 975-2 150 $/mois 785-1 800 $/mois
TOTAL (travail DIY) 53-350 $/mois 23-250 $/mois 83-300 $/mois

Quelques choses ressortent :

  1. Le travail est le coût le plus important, quel que soit le stack sur lequel vous êtes. L'hébergement et les outils sont presque du bruit en comparaison.
  2. Astro gagne sur les coûts d'infrastructure parce que les sites statiques sont essentiellement gratuits à héberger.
  3. WordPress semble moins cher sur le papier si vous gérez vous-même les mises à jour de contenu, mais cette comparaison est trompeuse -- la maintenance WordPress inclut un flux constant de mises à jour de plugins et de correctifs de sécurité que les stacks modernes n'ont tout simplement pas.
  4. La ligne DIY est pour les équipes qui gèrent leur propre développement. Si vous avez un développeur interne, vos coûts fixes sont remarquablement bas.

Comment réduire votre facture mensuelle de maintenance

Après des années de maintenance de sites sur ces stacks, voici ce qui fait vraiment bouger le curseur sur les coûts :

Choisissez Astro pour les sites riche en contenu

Si votre site est principalement du contenu -- pages marketing, blog, documentation -- Astro est le meilleur choix. Il envoie moins de JavaScript par défaut, ce qui signifie moins de choses à casser, des builds plus rapides, et un hébergement moins cher. Nous avons construit de nombreux sites Astro qui coûtent littéralement 0 $/mois à héberger.

Utilisez Next.js quand vous en avez besoin

Si vous avez besoin d'authentification, de tableaux de bord dynamiques, de récupération de données complexe, ou d'interactivité lourde, Next.js est le bon choix. Entrez simplement les yeux ouverts sur les coûts d'infrastructure à l'échelle.

Choisissez un CMS avec un forfait gratuit généreux

Le forfait gratuit de Sanity gère la plupart des sites de petite entreprise sans broncher. Payload CMS est open-source et auto-hébergeable. Keystatic est complètement gratuit pour le contenu basé sur fichiers. Ne payez pas 300 $/mois pour Contentful quand Sanity à 0 $/mois fait le même travail pour 90% des cas d'usage.

Automatisez ce que vous pouvez

Configurez Renovate Bot pour les mises à jour des dépendances. Utilisez GitHub Actions pour les tests automatisés sur chaque PR. Configurez Lighthouse CI pour détecter les régressions de performance avant qu'elles ne soient en production.

# .github/workflows/lighthouse.yml
name: Lighthouse CI
on: pull_request
jobs:
  lighthouse:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: 22
      - run: npm ci && npm run build
      - uses: treosh/lighthouse-ci-action@v12
        with:
          configPath: ./lighthouserc.json
          uploadArtifacts: true

Groupez la maintenance dans une retainer

C'est un conseil intéressé, bien sûr, mais c'est aussi véritablement moins cher. Le travail de maintenance ad-hoc coûte plus par heure que le travail en retainer parce que le changement de contexte entraîne des frais généraux. Une retainer mensuelle avec une agence qui connaît votre codebase -- comme nous -- économise généralement 15-25% comparé au travail de pigiste par morceau.

Investissez dans la documentation pendant la build

L'investissement le plus rentable en maintenance se fait pendant la build initiale. Chaque heure consacrée à la rédaction d'une bonne documentation économise 3-5 heures de temps de maintenance ultérieurement. Nous documentons chaque projet avec :

  • Enregistrements des décisions d'architecture
  • Guide du modèle de contenu CMS pour les éditeurs
  • Instructions de déploiement et de configuration de l'environnement
  • Identifiants de service tiers et dates de renouvellement

FAQ

Combien coûte la maintenance d'un site Web Next.js par mois ?

Les coûts d'infrastructure fixes pour un site Next.js en 2026 s'exécutent généralement 50-350 $/mois, couvrant l'hébergement sur Vercel ou AWS, un abonnement CMS headless, et les services tiers comme l'analytique et la gestion de formulaires. Lorsque vous tenez compte du travail de maintenance professionnelle pour les mises à jour des dépendances, les correctifs de sécurité et le travail continu sur les fonctionnalités, le total varie de 1 100 à 2 450 $/mois. Les équipes avec des développeurs internes peuvent réduire le coût du travail à zéro et payer simplement les frais d'infrastructure.

Astro est-il moins cher à maintenir que Next.js ?

Oui, généralement. Les sites Astro ont des coûts d'infrastructure inférieurs parce qu'ils produisent une sortie statique par défaut, qui peut être hébergée gratuitement sur Cloudflare Pages ou Netlify. Ils ont également tendance à avoir moins de dépendances, ce qui signifie moins de surcharge de maintenance sur les mises à jour et les correctifs de sécurité. La différence est la plus prononcée sur les sites axés sur le contenu -- pour les applications très dynamiques, Next.js pourrait être la seule option viable quel que soit le coût.

Quel est le moyen le moins cher d'héberger un site Web JavaScript moderne en 2026 ?

Cloudflare Pages est le gagnant clair pour les sites statiques -- c'est gratuit avec une bande passante illimitée et aucune limite par site. Pour les sites qui nécessitent un rendu côté serveur ou des routes API, Cloudflare Workers offre un généreux forfait gratuit de 100 000 requêtes/jour. Vercel et Netlify ont tous les deux des forfaits gratuits également, bien qu'ils soient fournis avec des limites de bande passante et de minutes de compilation que les sites en croissance dépasseront finalement.

À quelle fréquence les sites Next.js et Astro ont-ils besoin de mises à jour ?

Nous recommandons de vérifier les mises à jour des dépendances chaque semaine et de les appliquer mensuellement par lots. Les correctifs de sécurité critiques doivent être appliqués dans les 48 heures. Next.js et Astro publient tous les deux des versions mineures environ mensuellement, et des versions majeures annuellement. Contrairement à WordPress, vous ne ferez pas face à un flux constant de mises à jour de plugins -- mais vous devez toujours garder votre framework principal et vos dépendances actuels.

Les plates-formes headless CMS ont-elles des coûts cachés ?

Certaines le font. Méfiez-vous des limites de requêtes API (Contentful et Sanity en plafonnent sur les tiers inférieurs), des limites de stockage d'actifs et de la tarification par utilisateur qui augmente rapidement pour les équipes plus grandes. Le forfait gratuit de Sanity est généreux à 100 K requêtes API/mois, mais un site à fort trafic avec mise en cache agressivement désactivée pourrait dépasser cela. Payload CMS évite cela entièrement puisqu'il est auto-hébergé -- vous payez simplement pour le serveur.

La maintenance de site Web est-elle moins chère que WordPress pour les stacks modernes ?

Cela dépend de comment vous le mesurez. Les coûts d'infrastructure sont comparables ou inférieurs. Les véritables économies proviennent du risque de sécurité réduit (pas de vulnérabilités PHP, pas de conflits de plugins) et du fait que les mises à jour de contenu sont en libre-service via des interfaces CMS headless. Cependant, quand quelque chose se casse sur un stack moderne, vous avez besoin d'un développeur qui connaît React et le JavaScript moderne -- et ces développeurs ont tendance à facturer plus par heure que les développeurs WordPress.

Qu'est-ce qu'une bonne retainer de maintenance de site Web devrait inclure ?

Une bonne retainer de maintenance pour un site stack moderne devrait couvrir : surveillance hebdomadaire des dépendances avec des cycles de mise à jour mensuelle, surveillance de disponibilité avec alerte, audits de performance trimestriels, examens des en-têtes de sécurité, gestion du renouvellement SSL et du domaine, support CMS pour les éditeurs de contenu, et une banque d'heures de développement pour le travail continu sur les fonctionnalités et la correction de bogues. La plupart des agences offrent cela dans la gamme 1 000-2 500 $/mois selon la complexité du site. Vous voulez savoir exactement quel coût ce serait pour votre site ? Obtenez une proposition en 48 heures.

Puis-je maintenir un site Next.js ou Astro moi-même ?

Absolument, si vous êtes à l'aise avec JavaScript et la ligne de commande. Les coûts d'infrastructure fixes seuls sont 25-250 $/mois pour la plupart des sites. Vous devrez vous engager à exécuter npm audit régulièrement, garder votre version Node.js actuelle, surveiller votre pipeline de build, et rester au courant des mises à jour du framework. Configurez des outils automatisés comme Renovate Bot et Lighthouse CI pour réduire le travail manuel. Où la plupart des gens ont des problèmes est de négliger la maintenance pendant 6-12 mois, puis de faire face à un énorme effort de mise à niveau.