Formation Sanity
| 1400€ HT / personne |
| 2 jours (14 heures) |
Présentation
Sanity est une plateforme headless de gestion de contenu avec un Studio entièrement personnalisable et des APIs temps réel. Elle permet de centraliser, structurer et distribuer des contenus vers vos applications web et mobiles.
Notre formation Sanity vous permettra de modéliser vos contenus, configurer un Studio sur mesure et intégrer vos données côté front Next.js/React avec GROQ, prévisualisation et édition visuelle. Vous saurez sécuriser l’accès, gérer rôles & permissions et industrialiser vos déploiements.
Vous apprendrez à optimiser vos requêtes, tirer parti du CDN et des images, mettre en place des workflows d’édition efficaces et automatiser la CI/CD.
À l’issue de la formation, vous serez en mesure d’installer et configurer Sanity Studio, comprendre son architecture et ses stratégies multi-tenant, puis déployer un flux de publication moderne et fiable.
Comme toutes nos formations, celle-ci vous présentera la dernière version stable de la technologie Sanity et ses nouveautés.
Objectifs
- Concevoir un modèle de contenu robuste
- Personnaliser Sanity Studio
- Interroger via GROQ et les APIs Sanity
- Intégrer un front Next.js/React
- Mettre en place RBAC, sécurité et workflows
- Déployer et industrialiser
Public visé
- Développeurs full-stack
- Intégrateurs web
- Chefs de projet web
- Product Owners
- DevOps
Pré-requis
- Bases JavaScript/TypeScript
- Notions React/Next.js recommandées
- Connaissances API REST/GraphQL et Git
Programme de notre formation Sanity
[Jour 1 – Matin]
Modèle de contenu et fondamentaux Sanity
- Comprendre l’architecture Composable Content Cloud et Sanity Studio
- Concepts clés : schémas, types de document, références, portable text
- Organisation des datasets, environnements, projets et permissions
- Structurer un schema maintenable (alias, options, validations)
- Strong typing et bonnes pratiques de nommage
- Atelier pratique : Créer un modèle “Blog + Auteur + Catégories”.
[Jour 1 – Après-midi]
Personnaliser Sanity Studio
- Arborescence desk structure et vues personnalisées
- Champs avancés : arrays, block content, custom inputs
- Actions et document badges ; hooks & callbacks d’édition
- Gestion des plugins et de la UI (thème, icônes, branding)
- Workflow d’édition (draft/publish, commentaires, tâches)
- Atelier pratique : Desk sur mesure, bannière d’alerte et prévisualisation.
Interroger et exposer les données
- Requêtes GROQ : filtres, projections, joints, pagination
- API Content Lake (read), Mutations (write) et Webhooks
- Images & assets : pipeline, CDN, transformations d’images
- Sécurité : tokens, CORS, règles d’accès et bonnes pratiques
- Observabilité : logs, quotas, optimisation de requêtes
- Atelier pratique : Construire une requête GROQ “liste + détail” prête pour le front.
[Jour 2 – Matin]
Intégration front
- Kits next-sanity & @sanity/client ; ISR/SSG/SSR
- Portable Text : rendu riche, serializers, composants personnalisés
- Prévisualisation en temps réel, draft mode et visual editing
- Stratégies de cache (CDN, revalidation) et performances
- Tests de bout en bout sur pages de contenu
- Atelier pratique : Page blog avec rendu Portable Text et preview.
[Jour 2 – Après-midi]
Gouvernance, qualité et opérations
- Rôles et permissions (Admin vs Editor) et contrôle d’accès
- Conventions d’équipe, linters de schéma, validations réutilisables
- Migrations de contenu et outillage CLI
- Déploiements, environnements preview et feature branches
- Sauvegardes, restauration et stratégie de versionnement
- Atelier pratique : Pipeline GitHub Actions et règles de validation
Industrialisation et architecture Multi-tenant
- Stratégies Multi-tenant : Choisir entre Workspaces, Datasets ou Projets distinct
- Configuration du studio : Implémenter plusieurs workspaces dans sanity.config.ts
- Architecture de données : Isolation vs Contenu partagé (Cross-dataset-references)
- Internationalisation (i18n) : Stratégies documents vs champs (field-level)
- Mise en production : Check-list sécurité, performances, observabilité
- Atelier pratique : Créer une config multi-workspace avec des datasets distincts.
Pour aller plus loin
Formation WordPress Développeur
Formation RESTful API
Formation React Avancé
Langues et Lieux disponibles
Langues
- Français
- Anglais / English
Lieux
-
France entière
- Paris
- Lille
- Reims
- Lyon
- Toulouse
- Bordeaux
- Montpellier
- Nice
- Sophia Antipolis
- Marseille
- Aix-en-Provence
- Nantes
- Rennes
- Strasbourg
- Grenoble
- Dijon
- Tours
- Saint-Étienne
- Toulon
- Angers
-
Belgique
- Bruxelles
- Liège
-
Suisse
- Genève
- Zurich
- Lausanne
-
Luxembourg
Nos Formateurs Référents
Témoignages
⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !
Afficher tous les témoignages
⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !
Noter la formation
| 1400€ HT / personne |
| 2 jours (14 heures) |
UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?
Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.
ILS SE SONT FORMÉS CHEZ NOUS


























































