Dino Lozina
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.
ROSEN Technology and Research Center GmbH
Osnabrück, Germany
Senior
TypeScript
React
+3
Dennemeyer Group
Hesperange, Luxembourg
Intermediate
Senior
.NET
Structured Query Language (SQL)
Matching moments
03:31 MIN
The value of progressive enhancement and semantic HTML
WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More
02:49 MIN
Using AI to overcome challenges in systems programming
AI in the Open and in Browsers - Tarek Ziadé
02:33 MIN
Why you might not need JavaScript for everything
WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More
01:32 MIN
Organizing a developer conference for 15,000 attendees
Cat Herding with Lions and Tigers - Christian Heilmann
04:57 MIN
Increasing the value of talk recordings post-event
Cat Herding with Lions and Tigers - Christian Heilmann
11:10 MIN
The only frontend stack that truly matters
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
04:56 MIN
Recreating React components using AI and dev tools
WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More
05:32 MIN
Getting hired by contributing to open source projects
Devs vs. Marketers, COBOL and Copilot, Make Live Coding Easy and more - The Best of LIVE 2025 - Part 3
Featured Partners
Related Videos
1:02:24WeAreDevelopers LIVE – SEO, GEO, AI Slop & More
Chris Heilmann, Daniel Cranney & Simon Cox
40:45GraphQL + Apollo + Next.js: A Lovely Trio
Josh Goldberg
44:00SEO in Angular? No big deal with SSR and Angular Universal
Martina Kraus
26:44Next.js Unleashed: Optimizing Web Vitals for superior User Experience
Eileen Fürstenau
26:30Next, Nest, Nuxt… Nust?
Marius Obert
43:20Microfrontends at Scale
Josh Goldberg
42:21Fast & Furious - Going headless with Nuxt.js!
Samuel Snopko
30:42One Framework To Rule Them All: Faster Websites With Astro
Eddy Vinck
Related Articles
View all articles
From learning to earning
Jobs that call for the skills explored in this talk.
SMG Swiss Marketplace Group
Canton de Valbonne, France
Senior
Visonum GmbH
Remote
Junior
Intermediate
React
Redux
TypeScript
MARKT-PILOT GmbH
Stuttgart, Germany
Remote
€75-90K
Senior
Java
Angular
TypeScript
Hubert Burda Media
München, Germany
€80-95K
Intermediate
Senior
Node.js
JavaScript
TypeScript
Brantner Digital Solutions
Charing Cross, United Kingdom
Remote
£45-65K
Senior
CSS
GIT
AJAX
+14
OKAPI: Orbits
Barcelona, Spain
Remote
€70-90K
API
React
Node.js
+2