Skills
.Work. You
Rest

nextjs-metadata-functions

Community

Master Next.js SEO & metadata.

Software Engineering#next.js#metadata#seo#app router#opengraph#twitter cards#image response
Authorxabierlameiro
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a comprehensive reference for Next.js 16 App Router metadata functions, enabling precise control over SEO, Open Graph, Twitter cards, and more for improved search engine visibility and social sharing.

Core Features & Use Cases

  • Dynamic Metadata: Learn to use generateMetadata for data-driven titles, descriptions, and social media tags.
  • Viewport Control: Configure generateViewport for optimal display across devices and set theme colors.
  • Static Generation: Understand generateStaticParams for building static routes and sitemaps.
  • Image Generation: Master generateImageMetadata and ImageResponse for dynamic Open Graph images.
  • Use Case: When optimizing a blog post for search engines, use this Skill to ensure the title, description, openGraph, and twitter metadata are correctly configured using generateMetadata.

Quick Start

Consult the nextjs-metadata-functions skill for details on configuring the Open Graph title and description for a Next.js page.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: nextjs-metadata-functions
Download link: https://github.com/xabierlameiro/price-tracker/archive/main.zip#nextjs-metadata-functions

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.