skills.rest
ils15
ils15COMMUNITY
Explore all skills by this author →
GitHub

nextjs-seo-optimization

Generate SEO metadata, Open Graph tags, canonical URLs, and sitemaps for Next.js applications.

10|5|Updated Dec 12, 2025
Search Tags:#next.js#metadata#canonical#sitemap#seo#open-graph#structured-data
One-click install
npx skills add https://github.com/ils15/mythic-agents --skill nextjs-seo-optimization
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nextjs-seo-optimization
Source: https://github.com/ils15/mythic-agents/tree/main/skills/nextjs-seo-optimization
Command: npx skills add https://github.com/ils15/mythic-agents --skill nextjs-seo-optimization

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the implementation of SEO best practices for Next.js applications. It generates comprehensive metadata, Open Graph tags, canonical URLs, sitemaps, and structured data to improve search visibility and social sharing.

Core Features & Use Cases

  • Automatic metadata generation for Next.js 13+ apps (layout.tsx, page.tsx) with dynamic Open Graph and Twitter cards
  • Sitemap and robots.txt generation and configuration
  • Structured data (Schema.org) support for products, articles, and FAQs
  • Dynamic metadata handling for product pages and dynamic routes, improving SEO across large content sets

Quick Start

  • Start with a new or existing Next.js project.
  • Add the skill's metadata patterns in app/layout.tsx and app/products/[slug]/page.tsx to see dynamic metadata in action.
  • Verify Open Graph, canonical URLs, and sitemap generation in your deployed site.

Frequently Asked Questions about nextjs-seo-optimization

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

FAQPage Schema
How do I generate dynamic metadata for Next.js product pages and dynamic routes?▼

Generate dynamic Next.js metadata for product pages by applying standard Metadata patterns in dynamic route files like app/products/[slug]/page.tsx. This creates dynamic Open Graph tags and canonical URLs, improving search ranking across large content sets.

What is the best way to automate sitemap and robots.txt generation in a Next.js app?▼

Automate Next.js sitemap and robots.txt generation by utilizing standard MetadataRoute conventions. This configures crawlable sitemaps and robots directives directly within your Next.js application structure without manual file creation.

How do I add Schema.org structured data to Next.js pages for products and articles?▼

Add Schema.org structured data to Next.js pages by injecting structured data schemas for products, articles, and FAQs into your page layouts. This improves search visibility by providing explicit context to search engine crawlers.

Can I use this SEO metadata automation with an existing Next.js project?▼

You can use this SEO metadata automation with an existing Next.js project by integrating the metadata patterns into your current app/layout.tsx and page.tsx files. It supports standard Next.js configurations for immediate integration.

Why are my Open Graph tags not appearing on dynamic Next.js routes?▼

Open Graph tags may not appear on dynamic Next.js routes if metadata is not explicitly exported from the dynamic route's page.tsx file. You must implement dynamic metadata generation patterns to ensure tags render correctly for each dynamic route parameter.

Related Skills

Explore More Software Engineering Skills→
dr-codedr-code

app-router

Creates organizes App.jsx Router routes and file conventions for app directories.

Community
Intermediate
Pranil9699Pranil9699

repl-seo-optimizer

Identify and fix on-page and technical SEO issues in Replit codebases.

Community
Advanced
lastnight030506lastnight030506

perf-web-optimization

Analyze and optimize website performance through caching, lazy loading, and image optimization.

Community
Advanced
etylsarinetylsarin
59

strapi-cms

Manage Strapi CMS content types, controllers, services, and plugins.

Community
Intermediate