Empreinte carbone : Faible (0.12g)
Architecture headless, API REST et découplage front/back.
Fondations
Comprendre l'architecture headless et décider
Backend & API
WordPress comme backend, REST et GraphQL
Frontend Next.js
Développer avec Next.js et React
Production
Sécurité, performance et workflows éditoriaux
Déploiement
Mise en ligne, migration et cas avancés
What is headless and what is WordPress used in headless mode?
Why choose to build a website headless?
How does headless work in practice?
A simple decision guide
Concrete examples
How to use WordPress as a headless CMS?
Endpoints, requests and authentication for WordPress's native REST API in a headless architecture.
Install and use WPGraphQL to expose WordPress content through a high-performance GraphQL endpoint.
Structure WordPress content with custom post types and Advanced Custom Fields for headless.
Frontend technologies explained simply
Why Next.js is the reference frontend framework for headless WordPress and how to start a project.
Understanding Next.js rendering strategies (SSG, SSR, ISR) and choosing the right approach for each page.
Manage WordPress images and media files in a headless architecture with Next.js optimization.
How to administer a headless WordPress site simply
Implementing content preview and organizing the editorial workflow in headless WordPress.
Manage user authentication between WordPress and a Next.js frontend using JWT and secure cookies.
Security best practices to protect the API, the WordPress back-end, and the Next.js frontend in a headless architecture.
Optimizing Core Web Vitals (LCP, CLS, INP) of a Next.js headless WordPress site for SEO and UX.
Implementing technical SEO (metadata, sitemap, structured data, indexing) in a Next.js headless WordPress site.
Simplified hosting and going live
A guide to deploying a Next.js frontend on Vercel connected to a headless WordPress in production.
Complete guide to migrating from a monolithic WordPress to a Next.js headless architecture, step by step.
An overview of the process (stress-free!)
Implementing an e-commerce store with WooCommerce as a headless backend and Next.js as a frontend.
Manage a multilingual headless WordPress site with WPML or Polylang and Next.js's i18n system.
Continue exploring with complementary topics.
Themes, plugins and best practices.
Search ranking, keywords and information architecture.
Specifications, project management and best practices.