Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn how to combine headless WordPress with Next.js to create powerful, modern web applications in this comprehensive tutorial. Set up a Next.js application from scratch and configure WordPress as a headless CMS using Cloudways hosting. Explore WordPress's JSON REST API and GraphQL capabilities to fetch dynamic content efficiently. Master data fetching techniques and implement caching strategies at both the WordPress level using Breeze and within Next.js through Static Site Generation (SSG) and generateStaticParams. Work with query parameters including embed, fields, pagination, search, and orderBy functionality to customize your data requests. Build individual post pages using dynamic routing with slugs and optimize performance through advanced caching mechanisms that make this technology stack a game-changing solution for modern web development.
Syllabus
00:00 Next.js + WordPress intro
01:25 Next.js app setup
01:50 WordPress setup Cloudways
03:42 JSON REST API
04:53 GraphQL
05:00 Fetch data
06:15 Caching at WordPress level Breeze
07:03 Query params embed, fields, pagination, search, orderBy
08:08 Individual post page slug
08:46 Caching in Next.js SSG, generateStaticParams
12:05 Outro
Taught by
ByteGrad