Next.js
SEO that fits naturally into a Next.js app
A field guide to metadata, structured data, and static pages in the App Router.
Jordan Lee··6 min read·Updated Feb 18, 2025
Great search optimization begins with useful pages. Next.js gives static sites a strong base because content can become HTML at build time.
Make metadata specific
Use the Metadata API for a meaningful title, a concise description, and a canonical URL on every page. Article pages should also set Open Graph article fields.
Add structured data
JSON-LD helps search engines understand whether a page is an article, an organization, or a breadcrumb trail. Keep it aligned with visible page content.
Keep the page fast
Avoid shipping interactive JavaScript to a reader when plain HTML will do. Use client components only for interactions such as theme switching or filtering.