Next.js est aujourd'hui le socle le plus solide pour construire un site ou une application web qui doit être rapide, bien référencée et évolutive. Nous l'utilisons sur l'ensemble de nos développements. Cette page explique ce que nous construisons avec, ce que nous pouvons contractualiser, ce que ça coûte — et les cas où nous vous dirons que ce n'est pas la bonne solution. Si votre besoin est une application derrière un identifiant plutôt qu'un site public, notre page agence React traite précisément ce cas.
1. Ce que nous construisons en Next.js
Next.js n'est pas réservé aux sites vitrines. C'est le même socle qui porte, chez nous, quatre types de projets très différents.
- Type de projet
- Site vitrine et landing pages
- Ce que ça couvre
- Site d'entreprise orienté conversion, blog, pages de référencement
- Budget d'entrée
- 6 900 €
- Délai
- Planning confirmé au devis
- Type de projet
- Site à contenu et référencement
- Ce que ça couvre
- Blog structuré, guides, multilingue, CMS pour votre équipe
- Budget d'entrée
- 14 900 €
- Délai
- Planning confirmé au devis
- Type de projet
- Boutique en ligne sur mesure
- Ce que ça couvre
- Catalogue, tunnel de commande, paiement, connexion à votre gestion
- Budget d'entrée
- 15 000 €
- Délai
- Planning confirmé au devis
- Type de projet
- Application métier et logiciel en ligne
- Ce que ça couvre
- Espace client, outil interne, automatisation de processus
- Budget d'entrée
- 15 000 €
- Délai
- Planning confirmé au devis
Nous prenons également en charge l' audit avant une migration depuis WordPress, puis le plan de redirection adapté au référencement existant, ainsi que le référencement naturel et les campagnes Google Ads — parce qu'un site que personne ne trouve ne sert à rien.
2. Pourquoi Next.js, en termes concrets
Sans jargon, voici ce que ce choix technique change pour votre entreprise.
- La vitesse, et ce qu'elle rapporte.Les pages sont préparées à l'avance plutôt que fabriquées à chaque visite. L'étude de référence menée par Deloitte pour Google sur 37 marques mesure qu'un dixième de seconde gagné au chargement fait progresser les formulaires soumis de 21,6 % en génération de contacts. Sur un site d'entreprise qui vit de demandes de devis, c'est directement du chiffre d'affaires.
- Le référencement bien servi.Contrairement aux applications React classiques, Next.js envoie à Google des pages HTML complètes. Le contenu est lisible immédiatement, sans dépendre de l'exécution d'un script.
- La sécurité par soustraction.Un site pré-généré n'interroge aucune base de données et n'exécute aucun code sur le serveur au moment de la visite. Pour référence, l'écosystème WordPress a vu 11 334 nouvelles vulnérabilités recensées en 2025, dont 91 % dans les extensions.
- La liberté de conception.Sur un thème, vous composez avec ce que le thème a prévu. En React, l'interface est dessinée pour votre marque — animations, interactions, mise en page — sans demander la permission à un constructeur de pages.
- Le coût récurrent.Ni licences d'extensions, ni maintenance de sécurité hebdomadaire, et un hébergement souvent sous 20 € par mois.
3. Études de cas et éléments publics vérifiables
Deux études de cas renvoient vers des pages publiques. Elles permettent de vérifier leur disponibilité, leurs contenus et leurs fonctions visibles ; la stack indiquée reste une information déclarée par Hagnéré Code.
- Projet
- Hagnéré Patrimoine
- Nature
- Site éditorial et outils internes pour un cabinet de gestion de patrimoine
- Éléments publics vérifiables
- Pages éditoriales, simulateurs et prise de rendez-vous consultables sur le site public
- Projet
- Hagnéré Investissement
- Nature
- Site de présentation pour un cabinet d'investissement immobilier
- Éléments publics vérifiables
- Parcours, contenus et formulaire consultables sur le site public
Une transparence qui nous dessert, mais qui est due
Le détail de ces projets — problème, solution, décisions techniques — est sur notre page réalisations. Nous développons également deux études de cas consacrées à des offres de comptabilité fiscale. Leurs pages publiques sont consultables ; la technologie Laravel mentionnée dans ces études reste une information déclarée.
Un projet Next.js en tête ?
Décrivez-le en 3 minutes. Nous visons une réponse personnelle le prochain jour ouvré, sans délai garanti. Cette première réponse est gratuite et sans engagement — y compris si elle consiste à recommander une solution plus simple.
4. Ce que le devis doit préciser
Les engagements sont adaptés au périmètre et ne naissent que du document signé.
- Engagement
- Budget de performance
- Ce que ça signifie
- Pages, appareil, réseau, scripts tiers, outil et seuils de recette
- Comment vous le vérifiez
- Le protocole et les résultats sont conservés
- Engagement
- Forfait fixe contractuel
- Ce que ça signifie
- Périmètre écrit, prix arrêté avant de commencer, aucun dépassement surprise
- Comment vous le vérifiez
- Le devis signé fait foi ; tout ajout passe par un avenant chiffré
- Engagement
- Livrables et droits
- Ce que ça signifie
- Transfert des livrables spécifiques après paiement selon les CGV, exclusions et licences listées
- Comment vous le vérifiez
- Le devis et l'inventaire de passation font foi
- Engagement
- Recette et correction
- Ce que ça signifie
- Durée, sévérités, couverture, procédure et délais cibles
- Comment vous le vérifiez
- Les tickets sont rapprochés des critères signés
Un score Lighthouse isolé varie avec la page, l'appareil, le réseau et les scripts tiers. Une cible utile doit donc être associée à un protocole et ne vaut ni classement Google ni taux de conversion garanti.
5. Nos prix, publics et fermes
Nous publions nos tarifs, ce qui reste rare dans ce métier. La raison est pratique : cela évite à tout le monde un premier rendez-vous inutile quand le budget n'est pas dans la même zone.
- Offre
- Site vitrine — Essentiel
- Périmètre
- 3 à 5 pages orientées conversion, design sur mesure, référencement technique, rédaction incluse
- Prix
- 6 900 €
- Offre
- Site vitrine — Performance
- Périmètre
- 10 à 20 pages, blog structuré pour le référencement, interface d'édition sans toucher au code
- Prix
- 14 900 €
- Offre
- Site vitrine — Premium
- Périmètre
- Multilingue, e-commerce léger, intégrations avancées
- Prix
- 22 000 € et plus
- Offre
- E-commerce sur mesure
- Périmètre
- Catalogue, tunnel de commande, connexion au logiciel de gestion
- Prix
- 15 000 à 120 000 €
- Offre
- Application métier / logiciel en ligne
- Périmètre
- Première version réellement utilisable ; planning défini après cadrage
- Prix
- Dès 15 000 €
- Offre
- Discovery Sprint
- Périmètre
- 2 jours de cadrage : périmètre écrit, maquette, devis ferme
- Prix
- 1 500 €, déduits à 100 % si le projet se lance
La grille complète, poste par poste, est sur notre page tarifs. Notre méthode de cadrage explique comment un périmètre, des responsabilités, des tests et des dépendances deviennent un devis contrôlable.
6. Quand Next.js n'est pas la bonne réponse
Nous préférons perdre une mission que la vendre mal. Voici les cas où nous vous orienterons ailleurs.
- Votre budget total est inférieur à 3 000 €.Le sur-mesure n'a pas de sens à ce niveau : une solution plus simple vous servira mieux, et nous le dirons au premier rendez-vous.
- Vous avez besoin d'un site de trois pages sans enjeu d'acquisition. Si le site doit exister sans faire venir de clients, le budget ne se justifie pas.
- Votre WordPress actuel est récent et performant. Si vos mesures sont bonnes, optimisez plutôt que de reconstruire. Un audit de l'existant doit d'abord démontrer qu'une migration apporte plus qu'une optimisation ciblée.
- Votre équipe éditoriale publie tous les jours avec un constructeur visuel.Le confort perdu peut coûter plus que la vitesse gagnée. C'est un arbitrage d'organisation, pas de technique.
- Votre boutique WooCommerce est imbriquée avec des extensions métier sans équivalent.La migration devient alors un projet de refonte du système d'information, à chiffrer comme tel.
7. Comment se déroule un projet
Nos projets démarrent par un Discovery Sprint de deux jours, facturé 1 500 € et intégralement déduit si le projet se lance. Il produit trois choses : un périmètre écrit, une maquette, et un devis ferme. C'est ce qui permet ensuite de tenir un forfait fixe sans mauvaise surprise pour personne.
Vient ensuite le cycle de production : design et maquettes, développement, intégration des contenus, recette — la phase de tests et de validation avant mise en ligne —, puis la bascule. Vous voyez le projet avancer à chaque étape plutôt que de découvrir le résultat à la fin. Le déroulé complet est détaillé sur notre page méthode.
Après la mise en ligne, vous choisissez : un contrat de maintenance, des interventions ponctuelles, ou rien du tout si votre équipe reprend la main. Un site Next.js correctement construit ne demande pas de vigilance hebdomadaire — c'est justement l'un de ses intérêts.
8. Notre stack technique
Pour les lecteurs techniques, voici une stack de référence. Les versions, services et responsabilités réellement retenus sont confirmés dans le devis et la documentation du projet.
- Couche
- Framework
- Technologies
- Next.js 15, React 19
- Pourquoi
- Rendu serveur, génération statique, écosystème le plus large du web
- Couche
- Langage
- Technologies
- TypeScript
- Pourquoi
- Les erreurs sont détectées à l'écriture plutôt qu'en production
- Couche
- Interface
- Technologies
- Tailwind CSS v4, Framer Motion, GSAP
- Pourquoi
- Design sur mesure et animations sans surcoût de performance
- Couche
- Données
- Technologies
- PostgreSQL, Drizzle ORM
- Pourquoi
- Base relationnelle éprouvée, requêtes typées de bout en bout
- Couche
- Contenu
- Technologies
- CMS headless (Sanity, Payload) ou contenu versionné
- Pourquoi
- Choisi selon qui publie et à quelle fréquence
- Couche
- Hébergement
- Technologies
- Vercel, ou hébergeur français (OVHcloud, Scaleway, Clever Cloud)
- Pourquoi
- Selon vos exigences de souveraineté des données
Vous pouvez tester cette page sur PageSpeed Insights et examiner le HTML livré au navigateur. Ces vérifications objectivent le rendu public ; elles ne prouvent pas à elles seules toute la stack interne ni un niveau de performance garanti pour un autre projet.
Parlons de votre projet
Décrivez votre besoin en 3 minutes : objectif de réponse personnelle le prochain jour ouvré, gratuite et sans engagement. Nous répondons nous-mêmes, il n'y a pas de service commercial intermédiaire.