API-first Development with Headless WordPress

on YouTube ↗21m

" summary

Claim is concrete: turn WordPress into an open source API platform using WPGraphQL plus Custom Post Type UI and Advanced Custom Fields to model developers with twitter github blog and languages. Demo builds a Next/Apollo front end using the Headless framework to fetch developers via GraphQL, statically generate pages with revalidate 1, and deploy on Atlas to followadev. Numbers and tooling line up, the directory works live, queries return structured JSON instead of raw HTML.

AI-written summary · about

" chapters (14)

1. 0:00Start
2. 0:32development with headless wordpress
3. 1:24extensions already built into wordpress
4. 2:11repository the framework that we're going to be using for headless wordpress
5. 3:20spin up a wordpress site on my local machine
6. 4:01turn wordpress into an api building platform
7. 6:38add twitter
8. 7:56add a new developer
9. 8:52use the headless framework from wp engine
10. 11:06create an interface
11. 16:36deploy your wordpress site and your node front end
12. 18:35attached a custom domain
13. 19:22working through our open source framework
14. 19:36create content models in a much more user-friendly way

" related talks

• 29mAngular & WordPress: Practical guide to headless CMSNir Kaufman · International JavaScript Conference Munich 2019
• 34mFace Your Fear: The Headless WordPress!Ian Labao · WordCamp Singapore 2019
• 27mScaling Next.js with WordPress to one million developersAhmad Awais · Next.js Conf 2022
• 10mRebuilding a 1,000-page website with only one developerCory Miller · Next.js Conf 2023
• 21mBuilding a Headless Site with Remix, WPGraphQL & Web FundamentalsJeff Everhart · React Summit 2022
• 23mBuild the API You Want to See in the WorldMichelle Garrett · NodeConf EU 2018
• 21mBuilding a Headless Site with RemixJeff Everhart · React Summit 2022
• 18mUsing GraphQL on WordPressSid Chatterjee · GraphQL Galaxy 2020