Aller au contenu

Next.js + CMS headless

Un site Next.js avec CMS headless : rapide, à vous, mis à jour sans développeur.

Next.js pour la vitesse, un CMS headless pour l'édition : Sanity, Prismic, Strapi, Craft CMS ou Sveltia, selon ce qui compte pour vous. Pas de thème, pas de plugins, pas de mises à jour à surveiller. Le contenu et le code vous appartiennent.

Quand WordPress ne suffit plus

Un site Next.js avec un CMS headless vaut le coup quand vous reconnaissez une de ces situations.

  1. Votre site est lent et vous ne savez plus pourquoi

    Un thème, vingt plugins, un constructeur de pages : chaque couche ralentit, et personne ne sait laquelle enlever.

  2. Les mises à jour vous font peur

    Une mise à jour de plugin casse la mise en page, une autre ouvre une faille. Vous payez pour surveiller un site qui devrait être tranquille.

  3. Votre marque mérite mieux qu'un thème

    Vous avez un design, une maquette, une identité. Vous voulez un site qui la respecte au pixel, avec des interactions qui n'existent dans aucun thème.

Je travaille aussi sur WordPress, et c'est parfois le bon choix : un site simple, un budget serré, une équipe qui le connaît déjà. Si c'est votre cas, je vous le dirai au premier appel.

Ce que vous obtenez

  • Un site qui s'affiche en un instant

    Pages générées à l'avance et servies au plus près de vos visiteurs. Un score PageSpeed élevé n'est pas un objectif, c'est le point de départ.

  • Votre équipe édite tout, sans développeur

    Textes, images, pages, projets : un espace d'édition simple, avec aperçu en direct. Une modification est en ligne en quelques secondes.

  • Rien à surveiller

    Pas de plugins, pas de thème, pas de mises à jour de sécurité à passer le dimanche soir. Le site tourne, et il continue de tourner.

  • Fidèle à votre design

    Votre maquette, ou celle de votre agence, intégrée telle quelle, du mobile au grand écran, avec les interactions propres à votre marque.

  • Plusieurs langues sans surcoût mensuel

    Des adresses localisées, un référencement propre par langue, et si besoin une traduction automatique du contenu que votre équipe corrige dans un tableur.

  • Un code qui vous appartient

    Dépôt à votre nom, stack standard, documentation. Si vous changez de prestataire un jour, n'importe quelle équipe Next.js peut reprendre.

Deux sites en production

Les mêmes outils, deux besoins différents.

IN CULTURE

Agence de collaborations culturelles · Next.js + Sanity

IN CULTURE

Un site de marque développé de la maquette à la mise en ligne, avec un carrousel piloté au curseur et une lecture audio qui se poursuit d'une page à l'autre. L'agence édite ses 23 pages projet elle-même.

  • 23 pages projet éditables, en ligne en quelques secondes
  • Zéro bibliothèque d'animation, du CSS et du JavaScript natif
  • Plusieurs cycles de retours intégrés en séance avec le fondateur
Voir la fiche du projet
Desert Leaves

ONG environnementale · Next.js + Prismic

Desert Leaves

Une plateforme de dons et de bénévolat développée de zéro, puis passée en quatre langues. Le contenu se traduit automatiquement à la publication et l'équipe le corrige dans un Google Sheet.

  • 4 langues avec des adresses localisées
  • 0 € par mois pour la traduction, sans plan payant du CMS
  • Une correction de l'équipe visible sur le site en moins d'une minute
Voir la fiche du projet

Quel CMS headless ?

Le bon outil dépend de ce qui compte pour vous : la simplicité, le contrôle, ou la gratuité dans la durée.

  • Hébergé

    Sanity, Prismic

    Le plus simple : un espace d'édition prêt à l'emploi, un aperçu en direct, rien à installer. Un plan gratuit suffit à la plupart des sites, un abonnement au-delà.

  • Chez vous

    Strapi, Craft CMS

    Le CMS tourne sur votre serveur, le contenu est dans votre base de données. Aucune dépendance à une plateforme, et une liberté totale sur les modèles de contenu.

  • Dans votre dépôt

    Sveltia

    Le contenu vit dans vos fichiers, versionné avec le code. Gratuit pour toujours, sans compte ni abonnement, idéal quand vous voulez être sûr que tout vous appartient.

Les outils

Next.js et TypeScript pour le site, le CMS headless adapté à votre besoin pour l'édition, Vercel pour l'hébergement, Stripe pour le paiement, next-intl pour les langues. Des outils répandus, documentés, que d'autres savent reprendre.

Méthode

Comment ça se passe

  1. On échange

    Un appel de 15 minutes ou quelques échanges par écrit, comme vous préférez, sans engagement. Vous me décrivez votre besoin, je vous dis ce qui est faisable, et ce qui ne l'est pas.

  2. Un devis clair

    Un périmètre écrit et un prix annoncé à l'avance, étape par étape. Vous savez ce que vous payez et ce que vous recevez.

  3. Des livraisons par étapes

    Vous voyez le projet avancer, avec un compte rendu écrit à chaque étape. Après la mise en ligne, je reste disponible pour le faire évoluer.

Questions fréquentes

Est-ce plus cher qu'un site WordPress ?

À la création, c'est comparable à un site WordPress sur mesure. Dans la durée, c'est souvent moins cher : pas de plugins payants, pas d'heures de maintenance pour les mises à jour, et un hébergement sans serveur à administrer. Je chiffre au forfait, périmètre écrit, avant de commencer.

Peut-on migrer un site existant ?

Oui. Le contenu est importé dans le nouveau CMS, les adresses existantes sont redirigées pour ne pas perdre le référencement, et le nouveau site est mis en ligne quand tout est vérifié. L'ancien reste en place jusque-là.

Qui modifie le site ensuite ?

Vous. Le CMS headless offre un espace d'édition simple, avec aperçu en direct, et je forme votre équipe à la mise en ligne. Pour les évolutions qui demandent du code, je reste disponible.

Où est hébergé le site, et combien ça coûte ?

Sur Vercel ou un hébergeur équivalent, sans serveur à gérer. Le coût dépend du trafic et du CMS choisi, de zéro à quelques dizaines d'euros par mois pour un site vitrine. Je vous indique le montant exact avant de choisir.

Et si on arrête de travailler ensemble ?

Le code est dans un dépôt à votre nom, le CMS est à votre nom, et la stack est standard. N'importe quelle équipe qui connaît Next.js peut reprendre sans repartir de zéro.

Un appel de 15 minutes ou quelques échanges par écrit, sans engagement. Je vous dis si le headless est le bon choix pour vous, et ce qu'il coûterait.

Contact

Travaillons ensemble

Disponible en freelance

Disponible pour des missions ponctuelles comme pour des partenariats de maintenance au long cours. Une app, un site sur mesure, une intégration IA ou la reprise d'un projet existant ? Parlons-en.