How does it improve social media sharing?

It provides structured implementations for Open Graph and Twitter objects, ensuring your site looks great when shared on platforms like X, Facebook, and LinkedIn.

Can I use this for dynamic product pages?

Absolutely. It includes specific patterns for the generateMetadata function to handle dynamic route parameters and external data fetching.

Is the metadata implementation type-safe?

Yes, all patterns provided follow Next.js's TypeScript requirements, ensuring your metadata objects are robust and error-free.

Does this skill support the latest versions of Next.js?

Yes, it is specifically optimized for Next.js 15 and 16, focusing on the modern Metadata API and Server Components.

Next.js SEO & Metadata Optimizer

Name: Next.js SEO & Metadata Optimizer
Author: antoineschaller

byantoineschaller

•

Marketing Automation

Optimizes Next.js applications for search engines and social sharing using the modern Metadata API and best practices.

This skill provides expert guidance on implementing SEO strategies for Next.js 15 and 16 applications using the built-in Metadata API. It enables developers to seamlessly integrate static and dynamic metadata, manage Open Graph and Twitter cards, and configure robots directives for maximum web discoverability. By leveraging server-side rendering and type-safe implementation patterns, this skill ensures that web applications are fully optimized for crawlers and social platforms with zero manual head tag management.

Key Features

01Robots directive configuration for crawler control

02Environment-based metadata configuration for staging vs. production

031 GitHub stars

04Title template management for consistent site-wide branding

05Implementation of static and dynamic Metadata API patterns

06Social media optimization for Open Graph and Twitter Cards

Use Cases

01Generating SEO-rich dynamic pages for blogs or product catalogs

02Setting up consistent site-wide branding using metadata templates

03Preventing staging and development environments from being indexed by search engines

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add antoineschaller/cortex-skills nextjs-seo-metadata

For use in Claude.ai and ChatGPT

Download Skill