Next.js

Full-stack React framework

167 tutorials
11 of 167 tutorials
Aug 25, 2026· 9 min read

Next.js SEO Guide for the App Router: Complete Checklist

A practical Next.js SEO checklist for the App Router: metadata baseline, canonical URLs, sitemap and robots files, social images, indexing control, and how to verify the rendered HTML.

MetadatanextjsSEO
Aug 25, 2026· 9 min read

`generateMetadata` Explained with Real Examples

What generateMetadata does, when it runs, and how to use it for real routes: awaited params, deduplicated data fetching, extending parent metadata, and returning a 404 from metadata.

nextjsSEOMetadata
Aug 25, 2026· 9 min read

Generating Dynamic OG Images with `ImageResponse`

Generate Open Graph images from JSX with ImageResponse in the Next.js App Router: the smallest working file, per-route data, custom fonts, the flexbox-only layout rules, and build versus request time.

SEOnextjsMetadata
Aug 25, 2026· 8 min read

`opengraph-image` and `twitter-image` File Conventions

How the opengraph-image and twitter-image files work in the Next.js App Router: supported file types, alt text files, which route each image covers, and the precedence rules against metadata.

MetadatanextjsSEO
Aug 25, 2026· 8 min read

Favicons, App Icons, and `apple-icon` in the App Router

How Next.js turns favicon, icon, and apple-icon files into link tags: where each file is valid, what the rendered tags contain, how to ship several sizes, and how to generate an icon with code.

SEOnextjsMetadata
Aug 25, 2026· 8 min read

Generating a `sitemap.xml` in Next.js

Generate a sitemap in the Next.js App Router with the sitemap file convention: the returned fields, real data from a database or CMS, per-section sitemaps, and when the file is built.

SEOnextjsMetadata
Aug 25, 2026· 8 min read

`generateSitemaps` for Large Sites

Split a large sitemap into numbered files with generateSitemaps in the Next.js App Router: chunking by id, the generated URLs, the missing sitemap index, and how crawlers find the parts.

SEOMetadatanextjs
Aug 25, 2026· 8 min read

Creating `robots.txt` in the App Router

Create a robots.txt in the Next.js App Router with a static file or a generated one: per-agent rules, crawl delay, host and sitemap lines, and blocking preview environments.

MetadatanextjsSEO
Aug 25, 2026· 8 min read

Adding JSON-LD Structured Data to Next.js Pages

Add JSON-LD structured data to App Router pages: where the script goes, why the payload must be escaped, how to build it from route data, typing it, and validating the result.

nextjsSEOMetadata
Aug 25, 2026· 8 min read

`generateViewport` and Theme Color Explained

How the viewport export and generateViewport work in the Next.js App Router: theme color with light and dark variants, color scheme, scaling options, and why themeColor moved out of metadata.

MetadatanextjsSEO