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.
Matching moments
26:34 MIN
Creating dynamic product pages with Next.js
Teini - an extremely small webshop leveraging awesome and free tech
26:28 MIN
Audience Q&A on use cases, CMS, and SEO
One Framework To Rule Them All: Faster Websites With Astro
36:31 MIN
Using static site generators and Jamstack for efficiency
How Your Bundle Size Affects The Climate
38:39 MIN
Key takeaways and best practices for Angular SEO
SEO in Angular? No big deal with SSR and Angular Universal
35:44 MIN
Answering questions on headless architecture
Fast & Furious - Going headless with Nuxt.js!
00:13 MIN
Understanding the SEO problem in single-page applications
SEO in Angular? No big deal with SSR and Angular Universal
16:04 MIN
Integrating SEO and marketing into your development plan
How to Build Truly Production-ready Apps - Modern JS-based SaaS Stack for Indie Devs and Small Teams
06:05 MIN
Exploring data fetching strategies in Next.js
GraphQL + Apollo + Next.js: A Lovely Trio
Featured Partners
Related Videos
26:44Next.js Unleashed: Optimizing Web Vitals for superior User Experience
Eileen Fürstenau
40:45GraphQL + Apollo + Next.js: A Lovely Trio
Josh Goldberg
26:08From clicks to cribs - How to find your dream home with web scraping
Alexander Lichter
30:42One Framework To Rule Them All: Faster Websites With Astro
Eddy Vinck
26:30Next, Nest, Nuxt… Nust?
Marius Obert
44:00SEO in Angular? No big deal with SSR and Angular Universal
Martina Kraus
26:32Nuxt.js - Just Vue 3 and a bit of magic?
Alexander Lichter
29:01From Zero to Hero: NextJS 13 and Tailwind CSS for Beginners
Marius Obert
From learning to earning
Jobs that call for the skills explored in this talk.
![Senior Software Engineer [TypeScript] (Prisma Postgres)](https://wearedevelopers.imgix.net/company/283ba9dbbab3649de02b9b49e6284fd9/cover/oKWz2s90Z218LE8pFthP.png?w=400&ar=3.55&fit=crop&crop=entropy&auto=compress,format)
Senior Software Engineer [TypeScript] (Prisma Postgres)
Prisma
Remote
Senior
Node.js
TypeScript
PostgreSQL
