skills.rest
megahomeweb
megahomewebCOMMUNITY
Explore all skills by this author →
GitHub

seo-patterns

Configure SEO metadata patterns for Next.js 16 App Router pages.

Updated Apr 9, 2026
Search Tags:#metadata#nextjs#sitemap#seo#open-graph#schema.org#json-ld
One-click install
npx skills add https://github.com/megahomeweb/megahome --skill seo-patterns-megahomeweb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: seo-patterns
Source: https://github.com/megahomeweb/megahome/tree/main/.claude/plugins/mega-dev/skills/seo-patterns
Command: npx skills add https://github.com/megahomeweb/megahome --skill seo-patterns-megahomeweb

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

SEO patterns address the challenge of inconsistent and manual metadata management across Next.js 16 apps, enabling consistent and optimized metadata generation.

Core Features & Use Cases

  • Generate dynamic metadata using Next.js 16 Metadata API for product and category pages.
  • Implement Open Graph, Twitter cards, and structured data (JSON-LD) for rich search results.
  • Create and maintain sitemaps and canonical URLs to improve indexing and sharing.

Quick Start

Run the SEO patterns workflow to generate and validate metadata for a sample product page.

Frequently Asked Questions about seo-patterns

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

FAQPage Schema
How do I generate dynamic SEO metadata for Next.js 16 App Router pages?▼

You generate dynamic SEO metadata for Next.js 16 by applying the Metadata API to configure product and category pages. This solves the challenge of inconsistent manual metadata management by enabling consistent, optimized metadata generation.

What is the best way to add JSON-LD structured data in a Next.js application?▼

The best way to add JSON-LD structured data in Next.js is by applying SEO patterns that implement schema.org schemas. This configures structured data for rich search results directly within your App Router pages.

How do I create and maintain sitemaps and canonical URLs in Next.js 16?▼

You create and maintain sitemaps and canonical URLs in Next.js 16 by running the SEO patterns workflow. This automates generation to improve indexing and social sharing consistency across your application pages.

Can I generate dynamic Open Graph images using the Next.js 16 Metadata API?▼

Yes, you can generate dynamic Open Graph images using the Next.js 16 Metadata API. The SEO patterns workflow configures dynamic OG image generation alongside Twitter cards to optimize social sharing.

Do I need specific dependencies to configure Next.js 16 SEO patterns?▼

You do not need specific external dependencies to configure Next.js 16 SEO patterns. The workflow relies on the built-in Next.js 16 Metadata API, JSON-LD schemas, and schema.org standards.

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
jjmendezrodriguezjjmendezrodriguez

seo

Fix crawlability, indexing signals, and on-page relevance for web routes.

Community
Intermediate
inference-shinference-sh
688

og-image-design

Design Open Graph images with platform-specific dimensions and layout guidance.

Official
Intermediate
laguagulaguagu
58

nextjs-seo

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

Community
Advanced