Sitemaps in Headless WordPress with Next.js
Blog Post:
https://developers.wpengine.com/blog/...
Github:
https://github.com/Fran-A-Dev/sitemap...
https://github.com/dipankarmaikap/wp-...
Headless WordPress resources:
https://developers.wpengine.com
https://developers.wpengine.com/blog/...
https://www.sitemaps.org/protocol.html
CONTENTS:
00:00 - Intro
00:42 - What are Sitemaps and what are their benefits?
02:46 - Configuring WordPress with the Sitemap REST API plugin
05:03 - Installing Axios in Next.js
05:23 - Declaring environment variables
07:33 - Creating a getTotalCounts.js file
08:39 - Creating a getSitemapPages.js file
09:31 - Creating a Sitemap Index Page
11:16 - Seeing the sitemap index page on the browser
11:53 - Making dynamic routes work in the sitemap
12:24 - Creating a generateSitemapPaths.js file
13:15 - Creating a dynamic route file for the sitemap
15:30 - Seeing the dynamic route path in the browser
16:30 - Accounting for the Next.js pages on the frontend
16:34 - Creating a sitemapnextjs.xml.js file
19:54 - Seeing the final sitemap with all paths and pages
20:40 - Outro