Dino Lozina

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.

Create a Programmatic SEO Project Using Next.js and 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.

Matching moments

An overview of Next.js and its optimization capabilities
03:55 MIN

An overview of Next.js and its optimization capabilities

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

Creating dynamic product pages with Next.js
07:08 MIN

Creating dynamic product pages with Next.js

Teini - an extremely small webshop leveraging awesome and free tech

Audience Q&A on use cases, CMS, and SEO
04:14 MIN

Audience Q&A on use cases, CMS, and SEO

One Framework To Rule Them All: Faster Websites With Astro

Using static site generators and Jamstack for efficiency
05:13 MIN

Using static site generators and Jamstack for efficiency

How Your Bundle Size Affects The Climate

Key takeaways and best practices for Angular SEO
05:21 MIN

Key takeaways and best practices for Angular SEO

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

Answering questions on headless architecture
06:37 MIN

Answering questions on headless architecture

Fast & Furious - Going headless with Nuxt.js!

The challenge of building scalable frontend applications
04:25 MIN

The challenge of building scalable frontend applications

Typescript, React and Atomic Design - a match made in heaven

Using static site generators to pre-render markup
04:02 MIN

Using static site generators to pre-render markup

Jamstack and Web Performance, a match made in heaven

Featured Partners

Related Videos

See all videos
GraphQL + Apollo + Next.js: A Lovely Trio40:45

GraphQL + Apollo + Next.js: A Lovely Trio

Josh Goldberg

Microfrontends at Scale43:20

Microfrontends at Scale

Josh Goldberg

Teini - an extremely small webshop leveraging awesome and free tech40:45

Teini - an extremely small webshop leveraging awesome and free tech

Christian K.

From Zero to Hero: NextJS 13 and Tailwind CSS for Beginners29:01

From Zero to Hero: NextJS 13 and Tailwind CSS for Beginners

Marius Obert

Build Your Own Subscription-based Course Platform1:24:47

Build Your Own Subscription-based Course Platform

Dávid Lévai

WeAreDevelopers LIVE – SEO, GEO, AI Slop & More1:02:24

WeAreDevelopers LIVE – SEO, GEO, AI Slop & More

Chris Heilmann, Daniel Cranney & Simon Cox

SEO in Angular? No big deal with SSR and Angular Universal 44:00

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

Martina Kraus

Next.js Unleashed: Optimizing Web Vitals for superior User Experience26:44

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

Eileen Fürstenau

Related Articles

View all articles
DC
Daniel Cranney
Why Attend a Developer Event?
Modern software engineering moves too fast for documentation alone. Attending a world-class event is about shifting from tactical execution to strategic leadership. Skill Diversification: Break out of your specific tech stack to see how the industry...
Why Attend a Developer Event?
CH
Chris Heilmann
Dev Digest 151: SEO in an AI world, security fixes and Doomed PDFs
Inside 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...
Dev Digest 151: SEO in an AI world, security fixes and Doomed PDFs

From learning to earning

Jobs that call for the skills explored in this talk.

Software Engineer

Software Engineer

Code Healers LLC
Hinesville, United States of America

Remote
€40-50K
Intermediate
Senior
PHP
.NET
React
+2