Headless commerce
RecommandéBoutique + CMS + moteur de produit.
Next fetch Shopify/Magento via GraphQL côté serveur, Sanity/Contentful côté éditorial, Algolia côté search. Tout co-localisé.
Next.js
Le front React qui passe en prod.
Next.js est notre framework front par défaut depuis 2022. App Router, Server Components, streaming — on utilise tout ce qui rend nos projets plus rapides et plus simples à maintenir sur 5 ans.
POURQUOI
Pourquoi on code du Next.
Un front e-commerce a trois contraintes non négociables : SEO (donc SSR), perf (donc caching agressif), et DX raisonnable (sinon l’équipe se lasse). Next.js les réconcilie mieux qu’aucun autre framework React — y compris Remix, dont on est aussi fans.
L’App Router avec les Server Components a changé la donne. On co-localise le fetching avec le render, on streame progressivement, on cache par route. Les bundles client passent de 300 kB à 80 kB sur des pages standard. La perf mobile en profite directement.
SSR / ISR / SSG
Choix fin par route : SSR pour cart, ISR pour PLP, SSG pour CMS. Pas besoin d’un setup custom.
Server Components
Fetch au plus près du render, bundles client minimaux, TTFB rapide.
Edge + Node
Déploiement sur Vercel Edge, Cloudflare Workers, ou Node standard. On garde le choix.
Écosystème React
Tout ce qui marche en React marche en Next. Stable, documenté, énorme communauté.
CAS D'USAGE
Quand on choisit Next.
Par défaut. Sauf cas spécifique, Next.js est notre choix sur un projet de refonte front-end en 2026.
Refonte front
Fit naturelOn garde la plateforme, on change le front.
Next en façade, API de la plateforme derrière. Gain perf immédiat, SEO préservé via redirections.
Content-heavy
PuissantÉditorial + commerce.
Blog + catalogue + magazine + newsletter : Next gère tout de la même manière, avec ISR sur chaque type.
CAPACITES
Ce qu’on déploie, toujours.
Notre setup Next standard — le même sur tous nos projets. Chaque point est pensé pour tenir 3 ans minimum sans réécriture.
Rendu
App Router
Server Components
ISR par route
Streaming progressive
Perf
Budgets CI Core Web Vitals
Bundle analyzer en CI
Image optimization
Edge caching
DX
TypeScript strict
ESLint + Prettier
Playwright e2e
Storybook composants
Data
Fetch co-localisé
SWR pour client-side
Server Actions
Revalidate on demand
SEO
Metadata API
Sitemap.ts dynamique
Robots.txt typé
JSON-LD par page
Obs & ops
Sentry
Vercel analytics ou plausible
Logtail / Logflare
GitHub Actions CI
METHODE FLAXEO
On ship un site Next en 8 semaines.
Notre stack étant stable et notre design system maison, on gagne énormément de temps sur chaque nouveau projet.
01
Discovery & tokens
Design tokens, composants atomiques, routes cibles. On pose l’architecture en 1 semaine.
02
Squelette app
Repo, CI/CD, environnement staging, déploiement edge. Un "hello world" en prod à la fin de la semaine 2.
03
Build itératif
Sprints courts. Chaque sprint : 2–3 routes livrées, testées, revues. Lighthouse vérifié à chaque PR.
04
Intégrations
CMS, search, paiement, analytics. Au maximum un connecteur par sprint.
05
Go live
Bascule DNS, monitoring actif, suivi Core Web Vitals. Puis run mensuel d’optim.
Un front
en Next ?
Un call pour comprendre votre back actuel, une reco d’architecture écrite sous 5 jours.
Prendre RDV →