Formation Contentful API & Next.js
| € 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 utilise la dernière version v11.7.15 de SDK Contentful ainsi que la v15 de Next.js.
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
| € 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
