# Nextjs Typescript Key Conventions Rule

> Next.js 项目的关键约定，如使用 'nuqs'、Web Vitals 优化和限制客户端组件。

- Skill: `liaosw97/nextjs-typescript-key-conventions-rule` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add liaosw97/nextjs-typescript-key-conventions-rule`
- Raw SKILL.md: https://api.skillmd.com/api/skills/liaosw97/nextjs-typescript-key-conventions-rule/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: liaosw97 (https://skillmd.com/u/liaosw97)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/liaosw97/nextjs-typescript-key-conventions-rule

---


- 使用 'nuqs' 进行 URL 搜索参数状态管理。
- 优化 Web Vitals（LCP、CLS、FID）。
- 限制 'use client'：
  - 优先使用服务器组件和 Next.js SSR。
  - 仅在小组件中用于 Web API 访问。
  - 避免用于数据获取或状态管理。