Next.js & WPGraphQL - Headless WordPress Tutorial

Опубликовано: 28 Июнь 2021
на канале: Program With Erik
9,306
287

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:    / colbyfayock  
Twitter:   / colbyfayock  
Next.js WordPress Starter: https://github.com/colbyfayock/next-w...

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!
   • What Can I Do In NestJS 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...

Get started with Apollo Client
A guide to using the Apollo GraphQL Client with React
https://www.apollographql.com/docs/re...

colbyfayock/next-wordpress-starter
📝 Bring WordPress to the static world with Next.js - colbyfayock/next-wordpress-starter
https://github.com/colbyfayock/next-w...