In this tutorial, you will learn how to do programmatic SEO with Next.js and the app router. We will create search-engine-optimized page templates, fill them with dynamic data, set up a sitemap.ts file, and cache our landing pages on Vercel's CDN so they load fast. We will also submit our URLs to the Google Search Console and configure the necessary DNS records.

Starting code: https://github.com/codinginflow/nextjs-programmatic-seo/tree/Starting-point
Finished project: https://github.com/codinginflow/nextjs-programmatic-seo

⭐ Get my full-stack Next.js with Express & TypeScript course: https://codinginflow.com/nextjs
✅ Get my free React Best Practices course: https://www.codinginflow.com/reactbestpractices
💌 Join my newsletter for regular web dev tips: https://codinginflow.com/newsletter
💬 Join our developer community on Discord: https://codinginflow.com/discord

📣 Follow Coding in Flow on social media:
Twitter: https://twitter.com/codinginflow
Instagram: https://instagram.com/codinginflow
TikTok: https://tiktok.com/@codinginflow
Facebook: https://facebook.com/codinginflow

Timestamps:
0:00 - Introduction - What is programmatic SEO?
3:51 - Starting project
8:26 - Creating the page template (long tail keywords, dynamic routes, generateMetadata)
25:03 - Dynamic sitemap.ts
37:01 - Static caching (generateStaticParams) + incremental static regeneration (revalidate)
45:26 - Deployment (Vercel) + domain setup
51:45 - Google Search Console setup (add property, submit sitemap, index URLs)

Tony Thomás

Web3

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Learn how to implement programmatic SEO in Next.js, generating numerous search engine-optimized pages from existing data. This strategy leverages longtail keywords to improve visibility on Google. The tutorial covers setting up dynamic routes, generating a sitemap, caching pages for faster loading, and submitting the sitemap to Google Search Console for indexing.

Programmatic SEO in Next.js 15 - Full Guide