Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Headless WordPress + Next.js Is A Game Changer

ByteGrad via YouTube

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

Reviews

Start your review of Headless WordPress + Next.js Is A Game Changer

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.