WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2022 • Jun 15, 2022

Create a Programmatic SEO Project Using Next.js and Static Site Generation

Dino Lozina

How do you algorithmically generate 30,000 SEO-optimized landing pages over a single weekend? Discover how Next.js and static site generation effortlessly automate programmatic SEO.

Pause
Mute Enter Fullscreen
#1 about 2 min

Speaker background and initial programmatic SEO motivations

An overview of the engineering background guiding this dynamic site generation project.

#2 about 2 min

Drawing inspiration from Zapier for programmatic SEO

How management expectations to automatically generate thousands of landing pages initiated the architecture design.

#3 about 2 min

Targeting long-tail keywords for search engine optimization

Why generating specialized landing pages for niche queries avoids competing against established high-value search terms.

#4 about 2 min

Adapting template structures for company communication integrations

Mapping existing enterprise messaging integrations into a reusable layout containing channels, platforms, and programming languages.

#5 about 1 min

Establishing route paths from existing landing pages

Stripping JavaScript from an initial company template to create a clean HTML foundation for dynamic routing.

#6 about 2 min

Understanding how search crawlers process rendered content

Why standard web crawlers index raw HTML responses significantly faster than deferred JavaScript execution models.

#7 about 2 min

The limitations of client-side rendering for search visibility

How relying entirely on client-side frameworks like Blazor prevents search engines from properly indexing dynamic content.

#8 about 2 min

Selecting Next.js for hybrid static and server rendering

Adopting a batteries-included framework to dynamically construct HTML layouts instead of manually duplicating static files.

#9 about 2 min

File-based routing and pre-rendering architecture in Next.js

How built-in automated pre-rendering serves immediate HTML to search bots while preserving interactive client-side hydration.

#10 about 2 min

Data fetching with getStaticProps and getStaticPaths functions

Using framework lifecycle methods to construct specific page routes from external database entries at compile time.

#11 about 2 min

Connecting a backend API to the Next.js frontend

Serving an integration catalog from a dedicated API to supply the static generator with structured information.

#12 about 2 min

Reviewing the generated programmatic SEO landing pages

Comparing the dynamically stitched Next.js integration routes against the initial third-party examples that inspired the project.

#13 about 3 min

Addressing content uniqueness and framework compatibility concerns

Strategies for introducing page variety through backlinks alongside typescript support evaluations.

Matching moments

50 sec

Solving SEO challenges by pre-rendering AI-generated sites

Malte Lensch Malte Lensch · WWC Europe 2026

3:06 min

Leveraging the Next.js framework for performance improvements

Eileen Fürstenau Eileen Fürstenau · WWC 2024

4:24 min

Optimizing static markup structure for machine learning web crawlers

Chris Heilmann +1 · LIVE

6:27 min

Why single-page applications struggle with search engine optimization

Martina Kraus Martina Kraus · WWC 2021

3:32 min

Building pre-rendered and serverless applications with Next

Marius Obert Marius Obert · WWC 2022

5:50 min

Fetching data using static and server-side Next.js props

Josh Goldberg · JS Congress

More from World Congress 2022

What the heck do "declarative" and "reactive" actually mean? thumbnail
30:40
almost 4 years ago

What the heck do "declarative" and "reactive" actually mean?

André Kovac

The Design and Evolution of C++ thumbnail
1:01:15
about 4 years ago

The Design and Evolution of C++

Bjarne Stroustrup

But, you're not Facebook thumbnail
31:12
about 4 years ago

But, you're not Facebook

Kristijan Ristovski

Communicate efficiently with Software Architecture Diagrams thumbnail
28:11
about 4 years ago

Communicate efficiently with Software Architecture Diagrams

Simon Lasselsberger

Get Ready for Jakarta EE 10! thumbnail
42:53
about 4 years ago

Get Ready for Jakarta EE 10!

Ivar Grimstad

Keep your code refactorable thumbnail
26:46
about 4 years ago

Keep your code refactorable

Gerrit Stapper

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Agentic commerce's dirty little secret, and what to do about it.

Joe Monastiero

Founder & CEO at visualAI

Joe Monastiero
Open session

World Congress 2026 North America

Beyond Vibe Coding: An AI Builder’s Guide to Migrating 10k+ React Components

Shubham Chaurasia

Senior Software Engineer @ Meta

Shubham Chaurasia
Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

SecurePrompt: Building a Pre-Flight Security Layer for Agentic AI

Ravi Sastry Kadali

AI/ML Engineer at General Motors

Ravi Sastry Kadali
Open session

World Congress 2026 North America

Small LLM in your Browser: Huge Opportunities for Web Applications

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

Designing APIs That Survive AI Agents at Scale

Phani Pendurthi

Mastercard, Principal Software Engineer

Phani Pendurthi

Related videos

WeAreDevelopers LIVE – SEO, GEO, AI Slop & More thumbnail
1:02:24
LIVE • 9 months ago

WeAreDevelopers LIVE – SEO, GEO, AI Slop & More

Chris Heilmann, Daniel Cranney, Simon Cox

Kill Your WordPress. Ship in Minutes. Win the SEO game. thumbnail
5:00
WWC Europe 2026 • about 1 month ago

Kill Your WordPress. Ship in Minutes. Win the SEO game.

Malte Lensch

SEO in Angular? No big deal with SSR and Angular Universal thumbnail
44:00
WWC 2021 • about 5 years ago

SEO in Angular? No big deal with SSR and Angular Universal

Martina Kraus

GraphQL + Apollo + Next.js: A Lovely Trio thumbnail
40:45
JS Congress • over 4 years ago

GraphQL + Apollo + Next.js: A Lovely Trio

Josh Goldberg

WeAreDevelopers LIVE - 11ty and a11y thumbnail
1:05:26
LIVE • 5 months ago

WeAreDevelopers LIVE - 11ty and a11y

Chris Heilmann, Daniel Cranney, Kitty Giraudel

Next.js Unleashed: Optimizing Web Vitals for superior User Experience thumbnail
26:44
WWC 2024 • almost 2 years ago

Next.js Unleashed: Optimizing Web Vitals for superior User Experience

Eileen Fürstenau

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.