nextjs-seo

Automate Next.js SEO workflows with metadata, sitemaps, robots.txt, and JSON-LD.

Updated Apr 4, 2026

Search Tags:#metadata #nextjs #sitemap #seo #robots.txt #open-graph #json-ld

Ready to run

npx skills add https://github.com/PheonixCodder/Beeclean-Production --skill nextjs-seo-pheonixcodder

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: nextjs-seo
Source: https://github.com/PheonixCodder/Beeclean-Production/tree/main/.agents/skills/nextjs-seo
Command: npx skills add https://github.com/PheonixCodder/Beeclean-Production --skill nextjs-seo-pheonixcodder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Next.js SEO can be complex due to the need to manage metadata, sitemaps, robots.txt, and JSON-LD across dynamic routes. This guide helps developers implement robust SEO practices within Next.js 16+ App Router projects.

Core Features & Use Cases

Guidance on using the Next.js Metadata API for static and dynamic pages.
Best practices for Open Graph, Twitter Cards, and JSON-LD structured data.
Use cases include marketing sites, blogs, product pages, and documentation portals seeking strong SEO foundations.

Quick Start

Deploy a ready-to-use SEO blueprint by configuring root layout metadata, generating a sitemap, and adding a robots.txt, then validate with a comprehensive SEO audit.

Frequently Asked Questions about nextjs-seo

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I manage metadata for dynamic routes in Next.js?▼

Next.js metadata for dynamic routes is managed by applying the Metadata API to generate page-specific titles, descriptions, and social previews. This ensures search engines index dynamic content correctly.

What's the best way to generate a sitemap and robots.txt in Next.js App Router?▼

The best way to generate a sitemap and robots.txt is using the Next.js App Router's native file conventions. This automates route indexing and controls crawler access without manual configuration.

How do I add JSON-LD structured data to a Next.js application?▼

JSON-LD structured data is added to a Next.js application by injecting schema objects into your page components. This validates your content for rich results in search engine listings.

Do I need to manually configure Open Graph and Twitter Cards in Next.js?▼

You do not need manual HTML tags to configure Open Graph and Twitter Cards in Next.js. The Metadata API handles social preview configurations natively within your layout and page files.

Why is my Next.js dynamic page metadata not showing up in search results?▼

Dynamic page metadata might not show up in search results if the Metadata API is improperly applied or schema validation fails. Enforcing proper API usage and validating structured data ensures correct indexing.