Frontend Developer (Next.js, SEO, Performance) - Freelance

Contexte

Client B2C/B2B avec un site à forts enjeux business (acquisition + conversion), où la performance perçue, la scalabilité et la qualité SEO sont des leviers directs de CA.
Le produit est en évolution continue (nouvelles features, AB tests, contenu dynamique, internationalisation potentielle), avec un besoin de maîtriser Next.js moderne (App Router, RSC, Server Actions, caching, streaming) et de mettre en place une discipline d’optimisation durable.

Modalités

• Freelance – Longue durée : 1 an+

• Temps plein

• Présence : 2j/semaine sur site (Persan ou Saint-Ouen)

• Démarrage : ASAP / à définir

Objectifs de la mission

1. Améliorer Core Web Vitals (LCP, CLS, INP) et la performance réelle (web + mobile, 3G/4G).

2. Optimiser l’architecture Next.js pour réduire le JS client, accélérer TTFB / LCP, et limiter les waterfalls.

3. Renforcer le SEO technique (rendu, indexation, metadata, sitemaps, canonical, pagination, i18n, etc.).

4. Déployer une stratégie GEO (Generative Engine Optimization) : contenus “citable”, structurés, et facilement ingérables par les IA / moteurs génératifs.

5. (Bonus) Contribuer ponctuellement à des sujets PHP (legacy, endpoints, CMS, back-office, etc.)

1) Architecture de rendu & “loading model”

Le consultant doit savoir décider page par page :

• SSG / ISR / SSR / streaming selon le contenu et les besoins d’indexation.

• Utilisation robuste de l’App Router :

  • layout.tsx, loading.tsx, error.tsx, not-found.tsx

  • Streaming + Suspense pour sortir rapidement du contenu utile (LCP) sans bloquer toute la page

• Réduction du JS client :

  • Maximiser les Server Components et minimiser les use client

  • Split des composants interactifs “au strict nécessaire”

• Stratégie de prefetch / navigation maîtrisée (éviter les prefetch inutiles qui explosent le réseau sur mobile)

2) Data fetching, caching, revalidation

Objectif : éviter les waterfalls et rendre le caching prédictible.

• Maîtrise des règles caching / revalidate et du “data cache” dans l’App Router

• Patterns : ISR, revalidation fine, invalidation ciblée (tags/paths), pages hybrides

• Usage des Server Actions pour mutations (forms, writes) en réduisant la création d’API routes inutiles, quand pertinent.

3) Optimisation LCP / images / fonts / critical CSS

• Audit et plan d’action sur :

  • Images : formats (AVIF/WebP), dimensions, priorité, lazy, placeholders, stratégie next/image

  • Fonts : next/font, preload, subsets, éviter FOIT/FOUT

  • CSS : réduction du CSS critique, éviter les gros frameworks mal configurés, analyse des styles non utilisés

• Stratégie “above the fold” : rendre le contenu LCP le plus stable et le plus tôt possible

4) Bundling, dépendances, runtime

• Réduction du bundle client (JS “inutile” = INP qui se dégrade)

• Mise en place d’un bundle budget + alerting CI (PR qui fait +200KB ? bloqué)

• Utilisation du bundle analyzer (Next 16.1) pour tracer précisément pourquoi une dépendance est incluse.

• Connaissance Turbopack / build perf (sans dogmatisme : on priorise la stabilité prod)

SEO technique

Le profil doit être très opérationnel sur :

• Metadata API (statique + generateMetadata) + OG images / Twitter cards

• robots.txt, sitemap.xml, canonical, noindex, gestion pagination, facettes, paramètres d’URL

• Rendu “crawlable” : HTML utile dès le serveur (SSG/SSR/ISR)

• Schémas Schema.org JSON-LD (Article, Product, FAQ, Organization, Breadcrumb, etc.) pour enrichissement sémantique

GEO (AI/LLM) — Bonus

On veut un profil capable de faire une GEO pragmatique (pas des buzzwords) :

• Structurer le contenu pour qu’il soit facile à citer :

  • sections courtes, définitions nettes, tableaux comparatifs, FAQ qualitatives

  • entités clairement nommées (produit, marque, offres, chiffres sourcés)

• Renforcer la compréhension machine :

  • Schema.org cohérent et complet (souvent sous-exploité)

  • pages “source of truth” (glossaire, docs, pages piliers)

• Mise en place / test d’un llms.txt si pertinent

Profil recherché

• Confirmé / Senior (5+ ans web, 3+ ans Next.js idéalement)

• A déjà mené des optimisations CWV sur des sites à trafic (e-commerce, media, SaaS growth…)

• Très à l’aise avec App Router / RSC / Server Actions / caching semantics

• Capable de challenger produit/marketing sur les arbitrages perf vs features

• Bonus : PHP (legacy, CMS, APIs historiques)