next-js-patterns
Best practices and patterns for Next.js App Router, Server Actions, and Routing in this project.
DeepseekModel
官方收录技能
质量 优秀 · 78
v1.0.0
获取
https://deepseekmodel.com/api/download.php?id=aiskillstore-marketplace-skills-abdulsamad94-next-js-patterns-skill-md&format=skill
下载 .skill
标准格式，含 system_prompt 与 model_config，导入任意 Agent 框架即可使用
.skill 文件中 system_prompt 字段的实际内容。
name next-js-patterns description Best practices and patterns for Next.js App Router, Server Actions, and Routing in this project. Next.js Patterns App Router We use the Next.js 15 App Router located in app/ . Pages Location : app/[route]/page.tsx Component : Default export function. Client vs Server : Use "use client" directive at the top for components requiring state ( useState , useEffect ) or browser APIs. otherwise default to Server Components. Layouts Location : app/layout.tsx (Root), app/[route]/layout.tsx (Nested). Purpose : Wrappers for pages, holding navigation, fonts, and metadata. Navigation Use Link from next/link for internal navigation. Use useRouter from next/navigation for programmatic navigation (inside Client Components). import Link from "next/link" ; import { useRouter } from "next/navigation" ; // Link < Link href = "/dashboard" > Dashboard </ Link > // Router const router = useRouter (); router. push ( '/login' ); Data Fetching Server Components : Fetch directly using await fetch() or DB calls. Client Components : Use useEffect or SWR/TanStack Query (if added later). Currently using standard fetch in useEffect . Font Optimization We use next/font/google (e.g., Poppins) in app/layout.tsx . Variable fonts are passed to body className. Metadata Define export const metadata: Metadata = { ... } in page.tsx or layout.tsx for SEO.
Agent 识别该技能的关键词，点击任意一个即可复制。
该技能未提供触发词。
下载的 .skill 包内含以下字段。
| 字段 | 说明 |
|---|---|
| format | 格式标识（skill/v1） |
| skill_id | 技能唯一 ID |
| name | 技能名称 |
| version | 版本号 |
| description | 技能描述 |
| category | 所属分类（数组） |
| trigger_words | 触发词列表 |
| tags | 标签列表 |
| source | 来源标识 |
| source_url | 来源链接（本页地址） |
| exported_at | 导出时间（每次下载生成） |
| system_prompt | 系统提示词正文 |
| model_config | 模型参数：provider / model / temperature / max_tokens / top_p |
| examples | 示例 |
| install_guide | 各平台导入说明（Coze / Dify / Claude / 自定义框架） |
