Рет қаралды 19,758
Learn how to create a new static Next.js app sourcing content from a headless WordPress instance using Next.js WordPress Starter.
github.com/colbyfayock/next-w...
🧐 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
spacejelly.dev/posts/how-to-c...
🔔 Subscribe for more tech and developer videos
kzfaq.info?s...
🐦 Get updates straight to your Twitter @colbyfayock
/ colbyfayock
📸 Catch the next stream live on Twitch @colbyfayock
/ colbyfayock
✉️ Or a newsletter right to your inbox!
www.colbyfayock.com/newsletter/
💝 Sponsor me for more free content like this!
github.com/sponsors/colbyfayock
👨🚀 Brought to by colbyfayock.com
www.colbyfayock.com
🎥 Want to know what A/V equipment I use?
www.colbyfayock.com/what-i-use
🧰 More Resources
Next.js WordPress Starter
github.com/colbyfayock/next-w...
Demo
next-wordpress-starter.netlif...
WPGraphQL
www.wpgraphql.com/
🎼 Music
Music from Uppbeat (free for Creators!):
uppbeat.io/t/jonny-boyle/brig...
License code: RW1VJVFWVH7CJT7P
#colbyfayock #nextjs #wordpress #jamstack #webdevelopment