seo-master-mind

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.