用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt;运行前请先检查来源。
npx skills add https://github.com/dipro-vn/dipro-ai-boost --skill nextjs-metadata命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地?可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | nextjs-metadata |
| description | null |
Category: nextjs · Status: 🟢 Active
Khi cấu hình SEO/Open Graph cho route bằng Metadata API trong App Router.
metadata (static) cho route cố định title/description.generateMetadata (async) khi metadata phụ thuộc params/data.openGraph và twitter cho social preview.app/layout.tsx, override ở segment con.title.template để chuẩn hoá hậu tố title toàn site.import type { Metadata } from 'next';
export async function generateMetadata({ params }: { params: { id: string } }): Promise<Metadata> {
const post = await getPost(params.id);
return {
title: post.title,
description: post.excerpt,
openGraph: { title: post.title, images: [post.cover] },
};
}
Good: generateMetadata fetch data, có openGraph, title.template ở layout. Avoid: Nhét thủ công trong JSX, bỏ description/OG.