Sélectionner une page
Formations Web CMS Formation Sanity

Formation Sanity

Niveau confirmé
Catégorie Essential
Logo Sanity
Prix 1400€ HT / personne
2 jours (14 heures)

Paris | Classe Virtuelle

Dernières places Virtuelle uniquement
Labs : Infrastructure DaaS avec Chrome
Cafés et déjeuners offerts en interentreprises
En intra-entreprise pour former votre équipe
Aide au financement 2500€ Bonus Atlas CPF

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

Prix 1400€ HT / personne
2 jours (14 heures)

Paris | Classe Virtuelle

Dernières places Virtuelle uniquement
Labs : Infrastructure DaaS avec Chrome
Cafés et déjeuners offerts en interentreprises
En intra-entreprise pour former votre équipe
Aide au financement 2500€ Bonus Atlas CPF

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

partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp
partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp