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 · World Congress 2026 Europe

3:06 min

Leveraging the Next.js framework for performance improvements

Eileen Fürstenau Eileen Fürstenau · World Congress 2024

4:24 min

Optimizing static markup structure for machine learning web crawlers

Chris Heilmann Chris Heilmann +1 · LIVE

6:27 min

Why single-page applications struggle with search engine optimization

Martina Kraus Martina Kraus · World Congress 2021

3:32 min

Building pre-rendered and serverless applications with Next

Marius Obert Marius Obert · World Congress 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
about 4 years ago

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

André Kovac

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

The Design and Evolution of C++

Bjarne Stroustrup

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

But, you're not Facebook

Kristijan Ristovski

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

Communicate efficiently with Software Architecture Diagrams

Simon Lasselsberger

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

Get Ready for Jakarta EE 10!

Ivar Grimstad

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

Keep your code refactorable

Gerrit Stapper

Related videos

WeAreDevelopers LIVE – SEO, GEO, AI Slop & More thumbnail
1:02:24
LIVE • 10 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
World Congress 2026 Europe • 3 months 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
World Congress 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 • almost 5 years ago

GraphQL + Apollo + Next.js: A Lovely Trio

Josh Goldberg

WeAreDevelopers LIVE - 11ty and a11y thumbnail
1:05:26
LIVE • 7 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
World Congress 2024 • about 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.