Code Syntax Highlighting in Headless WordPress

CONTENTS:
00:00 - Intro
00:23 - The issue with native code blocks in WordPress
01:53 - Prerequisites
02:37 - Install and activate Code Block Pro
05:37 - Configure Next.js and App Router
07:48 - Taking it a Step Further - WPGraphQL Content Blocks
09:20 - Create an editor block query to get Code Block Pro data
10:29 - Rendering the Code Block in Next.js
16:38 - Other Options
17:22 - Conclusion

GitHub Repo:
https://github.com/Fran-A-Dev/Kevin-B...

Kevin Batdorf Plugin:
https://wordpress.org/plugins/code-bl...

Headless WordPress resources:
https://wpengine.com/builders/headless