Sélectionner une page
Formations Web CMS Formation Sanity

Formation Sanity

Niveau confirmé
Catégorie Essential
Logo Sanity
Prix 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 déployer un flux de publication moderne et fiable.

Comme toutes nos formations, celle-ci utilise la dernière version v4.3.0 de Sanity io.

 

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

 

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 : créer un modèle “Blog + Auteur + Catégories”

 

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 : 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 : construire une requête GROQ “liste + détail” prête pour le front

 

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 : page blog avec rendu Portable Text et preview

 

Gouvernance, qualité et opérations

  • Rôles & permissions; espaces de travail et multi-dataset
  • 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 : pipeline GitHub Actions

 

Industrialisation & publication

  • Préremplissage via initial value templates et modèles d’édition
  • Internationalisation et structures multilingues
  • Mise en production : check-list sécurité, performances, observabilité
  • Plan d’évolution : plugins internes, design system de contenu
  • Critères de réussite & handover aux équipes métier
  • Atelier : mise en prod “bouton rouge” + check-list finale

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 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