Create a Programmatic SEO Project Using Next.js and Static Site Generation
Generate over 30,000 unique landing pages from a single Next.js template. Learn to build a powerful programmatic SEO engine using static site generation.
#1about 3 minutes
How Zapier's SEO strategy inspired the project
The project was inspired by Zapier's success in generating massive organic traffic by creating thousands of integration-specific landing pages.
#2about 4 minutes
Targeting long-tail keywords instead of high-value terms
Programmatic SEO focuses on generating many pages for specific long-tail keywords instead of competing for broad, high-value keywords.
#3about 4 minutes
Why search engine crawlers prefer server-rendered HTML
Google crawlers can easily parse server-rendered HTML for quick indexing, whereas client-side rendered JavaScript can be slow and unreliable.
#4about 3 minutes
Choosing Next.js for static site generation
Next.js was selected for its powerful features like hybrid static and server rendering, route pre-fetching, and minimal configuration.
#5about 1 minute
Generating dynamic pages with getStaticPaths and getStaticProps
Use `getStaticPaths` to define all the dynamic routes and `getStaticProps` to fetch data for each page from an external API at build time.
#6about 3 minutes
Combining a .NET API with a Next.js frontend
The final solution uses a .NET backend API to provide path and content data to a Next.js frontend, which generates all static pages at build time.
#7about 3 minutes
Q&A on unique content, TypeScript, and Gatsby
The Q&A covers strategies for ensuring content uniqueness, Next.js's full TypeScript compatibility, and a comparison with Gatsby.
Related jobs
Jobs that call for the skills explored in this talk.
SEO in an AI world - Google vs. ChatGPT and survival tips for content creatorsIn the ever-evolving world of technology, the landscape of search engines and AI tools is shifting at an unprecedented pace. This transformational journey is being shaped by the rising influence of AI-powered tools like ChatGPT, which are increasingl...
Daniel Cranney, Chris Heilmann
Dev Digest 215: Agent Memory, JS2026, Googlebot Analysis & Canvas❤️HTMLInside last week’s Dev Digest 215 .
🗿 Make AI talk like a caveman
🧠 A guide to context engineering for LLMs
🤖 Simon Willison on agentic engineering
🔐 Axios supply chain attack post mortem
🛡️ Designing AI agents to resist prompt injection
🎨 HTML in c...
Chris Heilmann
Dev Digest 151: SEO in an AI world, security fixes and Doomed PDFsInside last week’s Dev Digest 151 .
🔎 How ChatGPT compares to search and what that means for SEO
✂️ Job cuts across the board as companies curb DEI programs
🟨 @Microsoft releases 161 Windows security updates
⚠️ @Google’s OAuth bug endangers million...
From learning to earning
Jobs that call for the skills explored in this talk.
40:45
43:20
40:45
29:01
1:24:47
1:02:24
44:00
26:44
