Skip to main content
SEONext.jsWeb Development

The 2026 SEO Checklist for Next.js Websites

Next.js 14 ships with first-class SEO primitives — the Metadata API, the App Router sitemap and robots files, streaming SSR, and built-in image optimization. Here is the exact checklist we run before every launch in 2026.

Dynamic.IO Team·Engineering··9 min read
Dashboard showing SEO metadata analysis for a Next.js website

Why Next.js is built for SEO

Next.js renders HTML on the server by default, which means crawlers see fully populated markup instead of an empty <div id="root">. Combined with the new Metadata API, App Router file-based sitemap, and built-in image optimization, you can ship a technically perfect SEO foundation in a single afternoon.

The 14-point checklist

  1. Set metadataBase in app/layout.tsx
  2. Add a unique <title> and meta description per route
  3. Define canonical URLs with alternates.canonical
  4. Generate app/sitemap.ts with every dynamic route
  5. Generate app/robots.ts pointing to your sitemap
  6. Add Organization + WebSite JSON-LD site-wide
  7. Add Service / Article / FAQPage JSON-LD per page type
  8. Use next/image for every above-the-fold image
  9. Hit LCP < 2.5s, INP < 200ms, CLS < 0.1
  10. Add Open Graph + Twitter Card metadata
  11. Add hreflang if you serve multiple locales
  12. Add llms.txt for AI crawlers (ChatGPT, Perplexity, Claude)
  13. Submit your sitemap to Google Search Console
  14. Set up Google Analytics 4 + Search Console + Bing Webmaster

1. Set metadataBase once

Setting metadataBase in your root layout gives every page a canonical absolute URL for Open Graph and canonical tags. Without it, Next.js will warn you at build time and your social previews will break.

export const metadata = {
  metadataBase: new URL('https://yourdomain.com'),
}

2. Generate the sitemap from data, not by hand

Hand-maintained sitemaps go stale fast. Loop over your central content sources (services, blog posts, projects) inside app/sitemap.ts so every new route is indexed automatically.

3. Add schema markup per page type

Google rewards rich results. We add Organization + WebSite globally, Service on service pages, BreadcrumbList on nested pages, BlogPosting on blog posts, and FAQPage anywhere we list FAQs.

4. Do not skip llms.txt

llms.txt is the new robots.txt for AI search. ChatGPT, Perplexity, and Claude crawl it to understand your site's structure and which pages are canonical. Add one at /llms.txt today.

Want us to run this checklist on your site?

Get a free SEO audit
Written by the Dynamic.IO team

Dynamic.IO is a premium web development agency in Miami, FL. We build fast, SEO-optimized websites, mobile apps, and 3D web experiences.

More about us

Frequently asked questions

No. Next.js 14 ships with a first-class Metadata API plus file-based sitemap.ts and robots.ts. You do not need a plugin.

Related articles