seo-master-mind

Implement technical SEO in Next.js 15 using the Metadata API and native features.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/0mar2090/hotelchavin --skill seo-master-mind
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: seo-master-mind
Source: https://github.com/0mar2090/hotelchavin/tree/main/.agents/skills/seo-master-mind
Command: npx skills add https://github.com/0mar2090/hotelchavin --skill seo-master-mind

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the process of implementing technical SEO best practices for Next.js 15 applications, ensuring optimal visibility and search engine performance.

Core Features & Use Cases

  • Metadata API Mastery: Guides users on correctly implementing Next.js's Metadata API for titles, descriptions, Open Graph, and Twitter Cards, strictly avoiding deprecated methods.
  • Dynamic SEO: Provides patterns for generating metadata dynamically for routes like blog posts or product pages using generateMetadata.
  • Sitemap & Robots.txt Generation: Demonstrates how to create sitemap.ts and robots.ts files using Next.js's native capabilities for better crawlability and control.
  • Open Graph Image Generation: Explains the use of opengraph-image.tsx for creating dynamic social media preview images.
  • JSON-LD Implementation: Shows how to add structured data (Schema.org) using schema-dts for enhanced search result rich snippets.
  • Use Case: A developer building a new e-commerce site needs to ensure each product page has unique, SEO-friendly titles, descriptions, and social media previews. This Skill provides the exact code patterns to achieve this efficiently using Next.js 15 features.

Quick Start

Implement the provided layout.tsx example for base metadata configuration in your Next.js 15 app.

Frequently Asked Questions about seo-master-mind

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

FAQPage Schema
How do I generate dynamic metadata for Next.js 15 routes?

To generate dynamic metadata for Next.js 15 routes, use the native `generateMetadata` function to fetch route-specific data and output unique SEO titles and descriptions for pages like blog posts or products.

What is the best way to create a sitemap and robots.txt in Next.js?

The best way to create a sitemap and robots.txt in Next.js is using native file conventions `sitemap.ts` and `robots.ts`, which automatically generate crawlable files for better search engine indexing and control.

How do I implement JSON-LD structured data in a Next.js application?

To implement JSON-LD structured data in a Next.js application, use `schema-dts` to add Schema.org structured data, enhancing search result rich snippets and visibility without relying on deprecated methods.

Can I generate dynamic Open Graph images natively in Next.js 15?

Yes, you can generate dynamic Open Graph images natively in Next.js 15 using the `opengraph-image.tsx` file convention to create customized social media preview images for your routes.

Does this SEO optimization approach avoid deprecated Next.js metadata methods?

Yes, this SEO optimization approach strictly avoids deprecated methods by guiding users to implement titles, descriptions, and Open Graph tags exclusively through the native Next.js 15 Metadata API.

When do I need dynamic metadata generation for an e-commerce site?

You need dynamic metadata generation for an e-commerce site when each product page requires unique, SEO-friendly titles, descriptions, and social media previews to ensure optimal search engine visibility and performance.