Formation Contentful API & Next.js
| 2100€ HT / personne |
| 3 jours (21 heures) |
Présentation
Contentful est un CMS headless qui permet de modéliser, gérer et distribuer vos contenus. Couplé à Next.js, il offre des sites rapides, SEO-friendly et simples à prévisualiser grâce au Preview Mode et à l’ISR.
Notre formation « Contentful API & Next.js » vous apprend à modéliser vos contenus, consommer les APIs (REST, GraphQL, Image), sécuriser les accès et industrialiser votre front avec l’App Router, la revalidation et des pipelines CI/CD.
Vous saurez mettre en place des webhooks pour déclencher vos déploiements, optimiser les performances et structurer une gouvernance éditoriale efficace.
À l’issue, vous saurez installer et configurer Contentful et Next.js, comprendre leur architecture et publier un site prêt pour la production.
Comme toutes nos formations, celle-ci vous présentera la dernière version stable de la technologie Contentful API et Next.js (16.1.1) et ses nouveautés.
Objectifs
- Concevoir un modèle de contenu robuste
- Interroger CDA/GraphQL et l’Image API
- Intégrer un front Next.js (App Router, ISR, Preview Mode)
- Mettre en place webhooks, CI/CD et revalidation
- Optimiser SEO, performances et sécurité
Public visé
- Développeurs full-stack
- Content engineers
- Chefs de projet web
- Product owners
- DevOps
Pré-requis
- Bases JavaScript/TypeScript et React
- Notions Next.js recommandées
- Connaissances API REST/GraphQL et Git
- Environnement Node.js LTS opérationnel
Programme de notre formation Contentful API & Next.js
Fondamentaux Contentful & Next.js
- Principes headless CMS, espaces, environnements, modèles
- Panorama APIs Contentful : CDA, CPA (Preview), CMA, GraphQL
- Architecture Next.js 15 et App Router
- SDK contentful.js vs GraphQL
- Atelier : space Contentful + app Next.js
Modéliser dans Contentful
- Content types, champs, validations, références, assets
- Conventions, locales & i18n, interface d’édition
- Rôles, permissions, gouvernance
- Migrations du content model
- Atelier : modèle Article / Auteur / Catégorie
Consommer le contenu
- Clés d’accès, tokens (read/preview)
- Requêtes contentful.js : getEntries, filtres, pagination
- GraphQL API : schémas, fragments, projections
- Image API : formats, qualité, redimensionnements
- Atelier : liste + détail d’articles
Next.js : rendu, cache & ISR
- SSG/SSR et ISR : revalidate, fetch cache
- Preview Mode avec la Preview API
- Optimisation images : <Image> + assets Contentful
- Slugs, routes dynamiques, fallback
- Atelier : page ISR avec revalidation
Rendu riche & SEO
- Champ Rich Text : rendu et composants
- SEO : metadata API, sitemaps, robots
- Navigation : catégories, tags, breadcrumbs
- Accessibilité & Core Web Vitals
- Atelier : template d’article SEO
Internationalisation & personnalisation
- Locales Contentful et i18n Next.js
- Contenu conditionnel et prévisualisation
- Tri, recherche, filtres
- Feature flags / A/B (concepts)
- Atelier : page liste multilingue
Webhooks & pipelines
- Webhooks Contentful → Vercel/Netlify
- On-Demand Revalidation (route handlers)
- CI/CD : Actions, secrets, previews
- Observabilité : logs, quotas, rate limits
- Atelier : rebuild à la publication
Sécurité, performance & coûts
- Portée des tokens, rotation, server-only
- Caches CDN/Edge, SWR, streaming
- Budgets de requêtes & coûts
- Durcissement : CSP, entêtes, audit deps
- Atelier : sécuriser accès API + profiling
Capstone & mise en production
- Intégration end-to-end (modèle, rendu, SEO, i18n, ISR)
- Check-list prod & plan de rollback
- Handover : guide éditeur + guide technique
- Roadmap & dette technique
- Atelier : démo finale + déploiement Vercel
Pour aller plus loin
Formation React Avancé
Formation Next.js
Formation Gatsby Jamstack CMS
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
| 2100€ HT / personne |
| 3 jours (21 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
