Advanced Custom Fields & Headless WordPress - ACF with WPGraphQL & Next.js
Learn how to manage custom fields with headless WordPress using Advanced Custom Fields and WPGraphQL.
🧐 What's Inside
00:00 - Intro to Advanced Custom Fields & Headless WordPress
00:11 - Tools we'll use including WordPress, WPGraphQL, Next.js, and ACF
01:20 - Creating a new WordPress Next.js app with Next WPGraphQL Basic Starter
02:50 - Adding custom fields to WordPress with Advanced Custom Fields
07:06 - Using WPGraphQL ACF Plugin to query custom fields with GraphQL
09:47 - Querying for new ACF fields in Next.js app
11:11 - Using oEmbed to fetch metadata and embed snippet for YouTube video
14:45 - Making embedded iframe video responsive with aspect ratio
17:14 - Outro
🗒️ Read More
https://spacejelly.dev/posts/how-to-a...
🔔 Subscribe for more tech and developer videos
https://www.youtube.com/colbyfayock?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!
https://www.colbyfayock.com/newsletter/
💝 Sponsor me for more free content like this!
GitHub: https://github.com/sponsors/colbyfayock
Other: [email protected]
👨🚀 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 WPGraphQL Basic Starter
https://github.com/colbyfayock/next-w...
Advanced Custom Fields
https://www.advancedcustomfields.com/
WPGraphQL ACF
https://www.wpgraphql.com/acf/
🎼 Music
Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/soundroll/poem
License code: NHF7M9HUU8OVNQWB
#colbyfayock #wordpress #nextjs #acf #graphql #wpgraphql #webdevelopment