Next.js with Headless WordPress - GraphQL Queries with WPGraphQL & Deploy to Netlify
Learn how to create a new static Next.js app sourcing content from a headless WordPress instance using Next.js WordPress Starter.
https://github.com/colbyfayock/next-wordpress-starter
🧐 What's Inside
00:00 - Intro
00:09 - Tool we'll use to create a Next.js WordPress site
01:59 - Reviewing WordPress installation
02:29 - Installing WPGraphQL and querying WordPress content with GraphQL
03:46 - Creating a new Next.js app with Next.js WordPress Starter
04:26 - Adding WordPress GraphQL endpoint as an environment variable
05:25 - Starting local development server and reviewing what comes with Next.js WordPress Starter
07:44 - Connecting a GitHub project repository to Netlify, configuring, and deploying the Next.js WordPress app
10:29 - Adding a custom site name in Netlify
11:30 - Outro
🗒️ Read More
https://spacejelly.dev/posts/how-to-create-a-headless-wordpress-blog-with-next-js-wordpress-starter/
🔔 Subscribe for more tech and developer videos
https://www.youtube.com/colbyfayock?sub_confirmation=1
🐦 Get updates straight to your Twitter @colbyfayock
https://twitter.com/colbyfayock
📸 Catch the next stream live on Twitch @colbyfayock
https://twitch.tv/colbyfayock
✉️ Or a newsletter right to your inbox!
https://www.colbyfayock.com/newsletter/
💝 Sponsor me for more free content like this!
https://github.com/sponsors/colbyfayock
👨🚀 Brought to by colbyfayock.com
https://www.colbyfayock.com
🎥 Want to know what A/V equipment I use?
https://www.colbyfayock.com/what-i-use
🧰 More Resources
Next.js WordPress Starter
https://github.com/colbyfayock/next-wordpress-starter
Demo
https://next-wordpress-starter.netlify.app/
WPGraphQL
https://www.wpgraphql.com/
🎼 Music
Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/jonny-boyle/bright-life
License code: RW1VJVFWVH7CJT7P
#colbyfayock #nextjs #wordpress #jamstack #webdevelopment
Видео Next.js with Headless WordPress - GraphQL Queries with WPGraphQL & Deploy to Netlify канала Colby Fayock
https://github.com/colbyfayock/next-wordpress-starter
🧐 What's Inside
00:00 - Intro
00:09 - Tool we'll use to create a Next.js WordPress site
01:59 - Reviewing WordPress installation
02:29 - Installing WPGraphQL and querying WordPress content with GraphQL
03:46 - Creating a new Next.js app with Next.js WordPress Starter
04:26 - Adding WordPress GraphQL endpoint as an environment variable
05:25 - Starting local development server and reviewing what comes with Next.js WordPress Starter
07:44 - Connecting a GitHub project repository to Netlify, configuring, and deploying the Next.js WordPress app
10:29 - Adding a custom site name in Netlify
11:30 - Outro
🗒️ Read More
https://spacejelly.dev/posts/how-to-create-a-headless-wordpress-blog-with-next-js-wordpress-starter/
🔔 Subscribe for more tech and developer videos
https://www.youtube.com/colbyfayock?sub_confirmation=1
🐦 Get updates straight to your Twitter @colbyfayock
https://twitter.com/colbyfayock
📸 Catch the next stream live on Twitch @colbyfayock
https://twitch.tv/colbyfayock
✉️ Or a newsletter right to your inbox!
https://www.colbyfayock.com/newsletter/
💝 Sponsor me for more free content like this!
https://github.com/sponsors/colbyfayock
👨🚀 Brought to by colbyfayock.com
https://www.colbyfayock.com
🎥 Want to know what A/V equipment I use?
https://www.colbyfayock.com/what-i-use
🧰 More Resources
Next.js WordPress Starter
https://github.com/colbyfayock/next-wordpress-starter
Demo
https://next-wordpress-starter.netlify.app/
WPGraphQL
https://www.wpgraphql.com/
🎼 Music
Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/jonny-boyle/bright-life
License code: RW1VJVFWVH7CJT7P
#colbyfayock #nextjs #wordpress #jamstack #webdevelopment
Видео Next.js with Headless WordPress - GraphQL Queries with WPGraphQL & Deploy to Netlify канала Colby Fayock
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Testing APIs with Postman ft Sean Keegan - Colbyashi Maru](https://i.ytimg.com/vi/18lrGnaABlY/default.jpg)
![Static Site Deployment with Kubernetes & Digital Ocean ft Sid Palas - Colbyashi Maru](https://i.ytimg.com/vi/ZXswn2ngkXo/default.jpg)
![Cache WordPress GraphQL Requests with WPGraphQL](https://i.ytimg.com/vi/9QIMXxDSAyQ/default.jpg)
![Top 5 Videos for Developers in 2020 on My Channel](https://i.ytimg.com/vi/OzttcyBPLKU/default.jpg)
![Image Optimization in Astro with Cloudinary](https://i.ytimg.com/vi/bwGFqqS4gIE/default.jpg)
![Ternary Operator in JavaScript](https://i.ytimg.com/vi/Ppyp79Z8FnY/default.jpg)
![Build a Notification System in Next.js with Knock](https://i.ytimg.com/vi/nS5flwLW7Fs/default.jpg)
![Create a Raycast Extension with React & Typescript](https://i.ytimg.com/vi/UOYJlnEC21Y/default.jpg)
![Headless CMS in a Gatsby App Using ButterCMS](https://i.ytimg.com/vi/wihIqaRlLIY/default.jpg)
![Federated GraphQL API with Apollo Server, Gateway, & Studio ft. Kurt Kemple - Colbyashi Maru](https://i.ytimg.com/vi/V8AX41UOFaI/default.jpg)
![Let's Discuss: Developer Education - Twitter Spaces](https://i.ytimg.com/vi/qe033p3RUPM/default.jpg)
![Custom Search API with Serverless Database in Next.js with Xata](https://i.ytimg.com/vi/CNKjR8zZKJc/default.jpg)
![Automating Social Images w/ Airtable, Cloudinary, & Serverless ft James Q Quick - Colbyashi Maru](https://i.ytimg.com/vi/iw7D5RyXWJ4/default.jpg)
![Authenticated Notes App with Flutter ft Tadas Petra - Colbyashi Maru](https://i.ytimg.com/vi/E0LVpFJXz2A/default.jpg)
![Detecting Long Press Gestures with JavaScript Events in React plus Custom React Hook](https://i.ytimg.com/vi/mfaUfH6mo3U/default.jpg)
![Generate Trivia Questions with AI using the OpenAI SDK](https://i.ytimg.com/vi/bYDLxzC16XA/default.jpg)
![Creating Impactful Mapping Apps with Real-World Data](https://i.ytimg.com/vi/pQ_5PGv0YTA/default.jpg)
![Detect Objects in Images with AI in Next.js with Cloudinary](https://i.ytimg.com/vi/2hQa_N3ILjM/default.jpg)
![Google Chrome Extension for Slack Message Previews ft. Pavithra Kodmad - Colbyashi Maru](https://i.ytimg.com/vi/QGfv_uio200/default.jpg)
![Twitter Thread Reader with React & Typescript ft Maksim Ivanov - Colbyashi Maru](https://i.ytimg.com/vi/Yi4URgmosO4/default.jpg)
![Slack Clone with Redux Toolkit ft. Chris Achard - Colbyashi Maru](https://i.ytimg.com/vi/uOK22nMx-0E/default.jpg)