Comment mettre à jour le contenu de son site Next.js sans toucher au code
On dit souvent que Next.js est pour les développeurs. Que c'est compliqué. Que seul un ingénieur peut modifier un site Next.js.
C'est faux.
Un site Next.js bien conçu permet au client de modifier son contenu sans toucher une ligne de code. Sans installer quoi que ce soit. Sans être technique.
Voici comment.
Option 1 : Les fichiers Markdown (la plus simple)
Comment ça marche
Le contenu est stocké dans des fichiers .md simples. Comme celui-ci :
---
title: "Mon nouvel article"
date: "2026-04-18"
---
Voici le contenu de mon article.
Je peux écrire en **gras**, en *italique*, créer des listes :
- Premier point
- Deuxième point
Comment modifier
- Ouvrez le fichier dans un éditeur de texte (même le bloc-notes)
- Modifiez le texte
- Sauvegardez
- Le site se met à jour automatiquement
Avantages
- ✅ Gratuit
- ✅ Pas de base de données
- ✅ Pas d'interface complexe
- ✅ Le texte reste lisible même sans le site
- ✅ Versionnable (Git garde l'historique)
Inconvénients
- ❌ Nécessite un accès aux fichiers
- ❌ Pas d'éditeur visuel WYSIWYG
- ❌ Pas idéal pour les modifications fréquentes
Pour qui ?
Blogueurs, sites vitrines avec peu de mises à jour, équipes techniques légères.
Option 2 : CMS Headless (la plus flexible)
Comment ça marche
Un CMS (Content Management System) séparé gère le contenu. Le site Next.js récupère ce contenu via API.
| CMS | Prix | Facilité |
|---|---|---|
| Sanity | Gratuit à 99€/mois | ⭐⭐⭐⭐⭐ |
| Strapi | Gratuit (self-hosted) | ⭐⭐⭐⭐ |
| Contentful | Gratuit à 489€/mois | ⭐⭐⭐⭐⭐ |
| DatoCMS | Gratuit à 150€/mois | ⭐⭐⭐⭐ |
L'expérience éditeur
- Vous vous connectez au CMS via une URL
- Interface visuelle : cliquez, modifiez, publiez
- Le site se met à jour automatiquement
Avantages
- ✅ Interface visuelle intuitive
- ✅ Pas besoin de toucher au code
- ✅ Gestion des images, des relations, des champs
- ✅ Multi-utilisateurs
- ✅ Prévisualisation avant publication
Inconvénients
- ❌ Coût mensuel (sauf Strapi self-hosted)
- ❌ Complexité technique à l'installation
- ❌ Dépendance à un service tiers
Pour qui ?
Sites avec mises à jour fréquentes, équipes marketing, e-commerce.
Option 3 : Notion comme CMS (l'original)
Comment ça marche
Vous écrivez votre contenu dans Notion (que vous utilisez peut-être déjà). Le site Next.js récupère les pages Notion via API.
Avantages
- ✅ Vous connaissez déjà Notion
- ✅ Gratuit pour l'usage basique
- ✅ Édition collaborative
- ✅ Rich text, images, tableaux
Inconvénients
- ❌ Dépendance à Notion
- ❌ Moins performant que les autres options
- ❌ Pas idéal pour le SEO avancé
Pour qui ?
Équipes qui utilisent déjà Notion, projets personnels, prototypes.
Option 4 : Solutions no-code (la plus simple pour les non-tech)
Comment ça marche
Des plateformes comme Webflow ou Framer permettent de modifier le design ET le contenu visuellement. Le site est ensuite exporté vers Next.js (ou reste sur la plateforme).
| Plateforme | Prix | Export Next.js |
|---|---|---|
| Webflow | 14-39€/mois | Partiel |
| Framer | 15-30€/mois | Oui |
| Plasmic | Gratuit à 149€/mois | Oui |
Avantages
- ✅ Éditeur visuel complet
- ✅ Modifier design + contenu
- ✅ Pas de code du tout
Inconvénients
- ❌ Coût mensuel
- ❌ Moins de flexibilité technique
- ❌ Performance parfois inférieure au pur code
Pour qui ?
Clients qui veulent une autonomie totale, designers, petites équipes.
Notre recommandation chez Promto
Pour un site vitrine standard
Markdown + GitHub. C'est ce que nous utilisons pour la plupart de nos clients.
- Vous modifiez un fichier texte
- Vous sauvegardez
- Le site se met à jour
- Nous vous formons en 15 minutes
Pour un site avec blog actif
Sanity CMS. C'est le meilleur rapport simplicité/puissance.
- Interface intuitive
- Gestion des articles, auteurs, catégories
- Prévisualisation
- SEO-friendly
Pour un e-commerce
Shopify + Next.js (Headless). Le meilleur des deux mondes.
- Gestion des produits dans Shopify
- Design personnalisé en Next.js
- Paiement sécurisé
Comment choisir ?
| Votre profil | Solution recommandée |
|---|---|
| Je modifie 1-2 fois par mois | Markdown |
| Je blogue régulièrement | Sanity |
| Je veux modifier design + contenu | Webflow/Framer |
| J'utilise déjà Notion | Notion comme CMS |
| Je vends en ligne | Shopify Headless |
La formation Promto
Quelle que soit la solution choisie, nous vous formons :
- ✅ Guide écrit avec captures d'écran
- ✅ Appel de 15 minutes
- ✅ Support par email pendant 3 mois
- ✅ Vidéos tutorielles (si besoin)
Vous n'avez pas besoin d'être développeur pour gérer votre site.