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-add-custom-fields-in-headless-wordpress-with-acf-wpgraphql/

#wordpress #graphql #web-development

Advanced Custom Fields & Headless WordPress - ACF with WPGraphQL & Next.js
4.75 GEEK