skills.rest
PheonixCodder
PheonixCodderCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/PheonixCodder/Beeclean-Production --skill nextjs-seo-pheonixcodder
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
ai-enhanced-engineerai-enhanced-engineer
3

nextjs-16-app-router

Guide Next.js 16 App Router projects with React 19 and Turbopack.

Official
Advanced
laguagulaguagu
58

nextjs-seo

Configure Next.js 16+ SEO metadata, Open Graph, and sitemaps.

Community
Advanced
omerakbenomerakben
1

vercel-react-best-practices

Apply React and Next.js best practices for performance and maintainability.

Community
Basic
IDEA-on-ActionIDEA-on-Action

Minu Portal Skill

Generate static landing pages for Next.js 15 App Router sites with SEO metadata.

Official
Intermediate