SYS// BRSTD-2026
UPLINK // AUTH_OK
LAT 24.86°N
LNG 67.00°E
ATELIER // v3.04
SIG ▮▮▮▮▮
PWR 98.4%
TEMP 36.6°C
FREQ 2400.0 MHz
PING 012 ms
PKTS 000000
RNG 000.0m
VEC 0.000,0.000
ID 0x000000
brainiac/studio

Digital Studio

02 · développement web et apps / next.js

Next.js, utilisé comme il a été pensé.

App Router, composants serveur, régénération incrémentale, exécution en périphérie : des outils puissants quand on sait pourquoi on les choisit, et une source de lenteurs quand on les copie sans comprendre. Nous choisissons page par page.

En bref

Nous construisons des sites et des applications web en Next.js, le framework React pensé pour la production : rendu côté serveur, pages statiques régénérées, App Router. Nous décidons page par page ce qui est statique et ce qui est calculé à la demande, pour des pages rapides et un hébergement maîtrisé. Code et documentation vous appartiennent.

Mis à jour novembre 2026

— notre point de vue

Next.js donne beaucoup de choix. La plupart des lenteurs viennent de mauvais choix faits par défaut.

Next.js permet de rendre chaque page de plusieurs façons : générée une fois et servie telle quelle, régénérée en arrière-plan à intervalles, ou calculée à chaque visite. Bien choisie, chaque option donne des pages très rapides. Mal choisie, elle donne des pages lentes, une facture d’hébergement qui grimpe ou un contenu qui ne se met jamais à jour.

Nous traitons donc la stratégie de rendu et de cache comme une décision de conception, page par page, et non comme un réglage hérité d’un tutoriel. Une fiche produit, une page de compte et un article de blog n’ont pas les mêmes besoins.

Le site que vous lisez est lui-même construit en Next.js. Nous l’utilisons pour des vitrines de commerce headless, des sites de contenu et des applications web, et nous déployons sur Vercel, sur Cloudflare ou sur vos propres serveurs selon vos contraintes.

— ce que nous construisons

Ce que nous faisons.

— 01

Sites et applications en App Router

Composants serveur par défaut, composants client là où l’interactivité l’exige. Moins de JavaScript envoyé au navigateur, des pages qui s’affichent plus vite.

— 02

Migration vers l’App Router

Depuis le Pages Router, par étapes : les deux cohabitent, et nous migrons route par route au lieu de tout réécrire d’un coup.

— 03

Stratégie de rendu et de cache

Statique, régénération incrémentale ou rendu à la demande, avec une invalidation du cache déclenchée quand votre contenu change.

— 04

Affichage progressif

Le streaming et les états de chargement bien placés : l’utilisateur voit la page se construire au lieu d’attendre un écran blanc.

— 05

Exécution en périphérie, quand elle sert

Redirections, tests A/B, géolocalisation au plus près du visiteur. Utilisée quand elle apporte quelque chose, pas par principe.

— 06

Référencement technique

Métadonnées, données structurées, plan du site, balises hreflang pour les sites multilingues, et des pages que Google lit sans exécuter de JavaScript.

— 07

Déploiement Vercel ou Cloudflare

Des aperçus pour chaque modification, des déploiements automatiques et un retour arrière en un clic. Ou vos propres serveurs, si vous préférez.

— 08

Connexion à vos données

CMS headless, Shopify, votre API ou votre base de données. Next.js est la vitrine ; nous la branchons sur ce qui existe.

— le comparatif

Trois façons de rendre une page.

Le choix qui décide de la vitesse, de la fraîcheur du contenu et du coût d’hébergement. Il se fait page par page.

StatiqueStatique régénéré (ISR)Rendu à chaque visite
Vitesse d’affichageLa plus rapideQuasi aussi rapideDépend du serveur et des données
Fraîcheur du contenuAu prochain déploiementÀ l’intervalle choisi, ou sur demandeToujours à jour
Coût serveurMinimalFaibleLe plus élevé
RéférencementExcellentExcellentExcellent, si le serveur répond vite
Contenu personnaliséNonNonOui
Adapté àPages institutionnelles, documentationCatalogues, articles, fiches produitsComptes, paniers, tableaux de bord
— les réalisations

Ce que nous appliquons d’office.

Next.js

brainiac.studio est construit en Next.js avec l’App Router, des pages statiques et des éditions en plusieurs langues. Vous pouvez juger de sa vitesse vous-même.

Ce site
Toujours

Statique, régénéré ou dynamique, choisi selon ce que fait la page — et écrit dans la documentation, pour que la décision survive à notre départ.

Cache décidé page par page
Au choix

Vercel, Cloudflare ou vos serveurs. Nous vous expliquons ce que chacun coûte à votre volume avant de choisir, pas après la première facture.

Hébergement
— quand c’est pertinent, et quand ça ne l’est pas

Quand Next.js est le bon choix.

Un site où la vitesse et le référencement comptent

Sites de contenu, catalogues, sites marketing ambitieux : du HTML rendu côté serveur, rapide et lisible par les moteurs.

Une vitrine de commerce headless

Shopify ou un autre moteur garde les commandes et les paiements ; Next.js sert une vitrine rapide et entièrement libre de design.

Une application React qui a besoin d’un serveur

Authentification, appels sécurisés, pages qui mêlent contenu public et données de compte : le framework gère les deux.

Ce n’est pas pour vous si… votre équipe publie seule un site simple

Si le besoin est un site vitrine que votre équipe met à jour chaque semaine sans développeur, WordPress ou une plateforme hébergée sera plus simple et moins cher à faire vivre. Nous vous le dirons.

comment nous travaillons

Comment nous travaillons.

— 01

Nous partons de vos pages

Quelles pages existent, qui les modifie, à quelle fréquence, et lesquelles comptent pour le chiffre d’affaires ou le référencement.

— 02

Nous décidons du rendu page par page

Statique, régénéré ou dynamique, avec la règle d’invalidation du cache. Par écrit, avant de coder.

— 03

Nous concevons les écrans

Des maquettes cliquables avant tout développement. Modifier une maquette prend des minutes.

— 04

Nous développons par blocs de deux semaines

Chaque modification déployée sur un lien d’aperçu que vous pouvez ouvrir. Pas un rapport d’avancement.

— 05

Nous mesurons la vitesse

Core Web Vitals mesurés avant la mise en ligne, sur mobile et sur une connexion moyenne, pas seulement sur nos ordinateurs.

— 06

Nous remettons le tout proprement

Code dans votre dépôt, hébergement à votre nom, documentation des choix de rendu et de cache, puis un accompagnement le temps de la prise en main.

questions

Développement Next.js

7 questions, avec leurs réponses. Vous en avez une autre ? Écrivez-nous.

React seul s’exécute dans le navigateur : la page arrive vide, puis se remplit. Pour une application interne, c’est souvent suffisant. Pour un site qui doit être rapide à l’affichage et bien référencé, Next.js rend le HTML côté serveur ou à l’avance, et gère le routage, les images et le cache. C’est React, avec ce qu’il faut pour la production.

— france

Décrivez-nous votre projet. Franchement.

Ce que vous voulez construire, ce qui vous bloque, et le budget si vous l’avez. Nous répondons sous un jour ouvré, et nous vous dirons honnêtement si nous ne sommes pas les bonnes personnes.