skills.rest
Naw3
Naw3COMMUNITY
Explore all skills by this author →
GitHub

seo-next

Implement SEO patterns in Next.js App Router projects using the metadata API and JSON-LD.

Updated Aug 23, 2026
Search Tags:#metadata#nextjs#sitemap#seo#web-vitals#open-graph#structured-data
One-click install
npx skills add https://github.com/Naw3/skillsrepo --skill seo-next
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: seo-next
Source: https://github.com/Naw3/skillsrepo/tree/main/seo-next
Command: npx skills add https://github.com/Naw3/skillsrepo --skill seo-next

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps Next.js App Router projects implement comprehensive SEO patterns in a maintainable way, covering metadata, Open Graph, structured data, sitemaps, and Core Web Vitals.

Core Features & Use Cases

  • Metadata API usage for static and dynamic pages with Next.js.
  • Open Graph and Twitter Card integration to improve share appearance.
  • Structured data with JSON-LD to enhance rich results.
  • Sitemap generation across static and dynamic routes for better indexing.
  • Canonical URL handling and porting across routes to avoid duplicate content.
  • Performance-focused SEO patterns to optimize Core Web Vitals.

Quick Start

Use the seo-next skill to start implementing metadata, OG tags, and JSON-LD across your Next.js App Router project.

Frequently Asked Questions about seo-next

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

FAQPage Schema
How do I implement dynamic metadata in Next.js App Router?▼

This Skill provides patterns for handling dynamic metadata in Next.js App Router, including exporting generateMetadata functions for static and dynamic pages across complex routing scenarios.

What's the best way to add JSON-LD structured data to a Next.js project?▼

The best way to add JSON-LD structured data in Next.js is using the metadata API and script tags. This Skill covers JSON-LD integration to enhance rich results across your App Router routes.

How do I generate a sitemap for dynamic routes in Next.js?▼

Generate sitemaps for dynamic routes in Next.js by using the native sitemap.ts file convention. This Skill covers sitemap generation across static and dynamic routes for better search engine indexing.

Does this approach handle canonical URLs and duplicate content in Next.js?▼

Yes, canonical URL handling is supported. This Skill provides patterns for setting canonical URLs and porting them across App Router routes to avoid duplicate content issues.

How do I optimize Core Web Vitals for SEO in Next.js?▼

Optimize Core Web Vitals for SEO by applying performance-focused Next.js patterns. This Skill provides guidelines to improve Core Web Vitals alongside metadata and structured data implementations.

Related Skills

Explore More Software Engineering Skills→
baxriddin0317baxriddin0317

seo-patterns

Generate Next.js 16 metadata, Open Graph, JSON-LD, and sitemaps.

Community
Advanced
BoristokaBoristoka

seo

Implement technical SEO best practices in Next.js applications.

Community
Intermediate
nekorush14nekorush14
4

nextjs-optimization

Optimize Next.js applications for performance and SEO with image, font, and bundle improvements.

Community
Advanced
Ali1razAli1raz
2

nextjs-seo

Implement metadata, Open Graph, Twitter Cards, JSON-LD, sitemaps, and robots.txt for Next.js 13+ App Router.

Community
Advanced