While Erik is on Vacation Colby Fayock teaches us how to get started with headless WordPress to create a Next.js application using WPGraphQL and Apollo Client. Check all the way to the end!
🗂️ 🗂️ 🗂️
Check out Colby Fayock Channel!
YouTube: https://youtube.com/colbyfayock
Twitter: https://twitter.com/colbyfayock
Next.js WordPress Starter: https://github.com/colbyfayock/next-wordpress-starter
0:00 Introduction
1:11 Setting Up WordPress
02:45 Setting Up Next.js
04:20 Adding in Apollo Client To Next.js
06:35 Setting up getStaticProps
08:09 Testing out a query
09:47 Grabbing Posts
12:24 Setting up the WordPress Starter
🗂️ 🗂️ 🗂️
👉 Check out my last video on Nest.js in 30 minutes!
👉 Sign up and get free Vue cheat sheets and updates!
https://www.vuecourse.tech
Need to Learn Vue or Nuxt? Check out my courses below!
http://bit.ly/2LalQka – Learn Nuxt.js Course!
http://bit.ly/3aiYe8s – Quick Starter On Vue 3
https://bit.ly/2OETt0M – Full 6 week course on vue!
🗂️ 🗂️ 🗂️
Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/prigida/cosy
License code: WZFRN3XIRTZOGCTT
GraphQL API for WordPress | WPGraphQL
Extendable GraphQL API for WordPress
https://www.wpgraphql.com/
Create Next App | Next.js
Create Next.js apps in one command with create-next-app.
https://nextjs.org/docs/api-reference/create-next-app
Get started with Apollo Client
A guide to using the Apollo GraphQL Client with React
https://www.apollographql.com/docs/react/get-started/
colbyfayock/next-wordpress-starter
📝 Bring WordPress to the static world with Next.js – colbyfayock/next-wordpress-starter
https://github.com/colbyfayock/next-wordpress-starter
