Cookie Policy Popups in headless WordPress with Next.js 14 and WPGraphQL
CONTENTS:
00:00 - Intro/What are Cookies?
01:15 - Prereqs
02:21 - Method 1 with WPGraphQL
03:06 - CookieConsent.jsx
06:10 - policy-pagewp route
09:10 - Things to consider with method 1
09:45 - Method 2: Using a 3rd party service
12:05 - CookieBotConsent.jsx
14:46 - Setting the banner globally
15:46 - Testing the 3rd party banner
17:24 - Cookiebot Privacy Policy Page Data
18: 31 - Conclusion
Next.js 14 Docs:
https://nextjs.org/docs
WPGraphQL:
https://www.wpgraphql.com/
Cookiebot:
https://www.cookiebot.com/
Cookies/Next.js npm package:
https://www.npmjs.com/package/cookies...
Blog Post:
https://wpengine.com/builders/cookie-...
Github Repo:
https://github.com/Fran-A-Dev/cookie-...
WP Engine & Atlas Headless WP Hosting Platform:
https://wpengine.com/atlas/#atlasplans
Headless WordPress resources:
https://wpengine.com/builders/headless/