Template Next.js + Sanity : une base solide pour vos projets web

Pourquoi ce template ?

Après avoir réalisé plusieurs projets avec Next.js et Sanity CMS, j'ai constaté que je passais toujours du temps à configurer les mêmes éléments de base : l'internationalisation, le SEO, la gestion des images, les webhooks de revalidation...

J'ai donc décidé de créer un template générique et réutilisable qui intègre toutes ces fonctionnalités dès le départ.

Stack technique

Ce template s'appuie sur des technologies modernes et éprouvées :

• Next.js 15 avec l'App Router et Turbopack pour des performances optimales
• Sanity CMS pour une gestion de contenu flexible et headless
• TypeScript pour une meilleure maintenabilité du code
• Tailwind CSS v4 pour un styling rapide et cohérent
• next-intl pour le support multilingue (français et anglais par défaut)
• shadcn/ui pour des composants UI accessibles et personnalisables

Fonctionnalités clés

🌍 Internationalisation native

Le template supporte le français (par défaut, sans préfixe) et l'anglais (/en/). Tous les textes sont centralisés dans des fichiers JSON faciles à éditer.

🔍 SEO optimisé

Chaque page génère automatiquement ses métadonnées, balises Open Graph, Twitter Cards et données structurées JSON-LD. Un sitemap et un fichier robots.txt sont générés dynamiquement.

⚡ Performance maximale

Grâce à l'Incremental Static Regeneration (ISR), les pages sont régénérées automatiquement lorsque le contenu est modifié dans Sanity, sans nécessiter de nouveau déploiement.

🎨 Design moderne

Le template inclut une page d'accueil avec sections Hero, Features et CTA, ainsi qu'un blog fonctionnel. Le design est facilement personnalisable via les variables CSS.

📊 Analytics prêt à l'emploi

Google Tag Manager est pré-configuré et activable via une simple variable d'environnement, avec gestion du consentement RGPD intégrée.

Comment l'utiliser ?

1. Clonez le repository depuis GitHub
2. Copiez .env.local.example en .env.local
3. Configurez vos variables d'environnement
4. Lancez npm install puis npm run dev

Le template fonctionne même sans configuration Sanity ! Vous pouvez explorer l'interface et personnaliser le design avant de connecter votre CMS.

Documentation incluse

J'ai créé trois guides détaillés pour vous accompagner :

• INPUTS.md : liste tous les éléments à personnaliser (logos, couleurs, textes légaux...)
• CUSTOMIZATION.md : explique comment adapter le design et les fonctionnalités
• SANITY_SETUP.md : guide complet pour configurer Sanity CMS

Open source et gratuit

Ce template est disponible gratuitement sur GitHub. N'hésitez pas à l'utiliser pour vos projets, à le forker et à contribuer !

👉 Accéder au template sur GitHub

Si vous avez des questions ou des suggestions d'amélioration, contactez-moi directement.