Skills
Navigate

Next.js Metadata and OG Images

Installation
SKILL.md

Next.js Metadata and OG Images

Expert guidance on adding metadata for SEO, static/dynamic OG images, favicons, sitemaps, and robots.txt in Next.js App Router.

@doc-version: 16.2.6

Core Concepts

Next.js มี Metadata APIs 3 แบบ:

  1. Static metadata object — export ค่าคงที่
  2. Dynamic generateMetadata function — fetch ข้อมูลมาสร้าง metadata
  3. File conventions — ไฟล์พิเศษ (favicon, OG image, sitemap, robots.txt)

Next.js สร้าง <head> tags ให้อัตโนมัติ — รองรับเฉพาะ Server Components

Default Fields

Installs
–
Repository
yuen30/my-skills
First Seen
–
Next.js Metadata and OG Images — yuen30/my-skills