next-best-practices

仓库创建 2026年7月6日最近提交 23 天前SkillHot 收录 22 天前

▸ 精选理由

覆盖 Next.js 实战要点，便于代理或审查者统一工程规范。

这个 Skill 做什么

针对 Next.js 的文件约定、RSC 边界、数据与优化等最佳实践准则。

总结并应用 Next.js 的实战最佳做法，覆盖文件约定、RSC（React Server Component）边界、异步数据模式、路由处理、图片/字体优化和打包策略。适合在编写或代码评审 Next.js 应用时参考，避免性能陷阱或可维护性问题。特别会捕捉无效的 RSC 用法和不合理的数据边界，把复杂约定变成可执行的规则。

▸ 展开 SKILL.md 英文原文

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling

开发编程Next.js代码规范性能优化通用

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/vivalsy/SDD_Template/main/.claude/skills/next-best-practices/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/vivalsy/SDD_Template/main/.claude/skills/next-best-practices/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Next.js Best Practices

Apply these rules when writing or reviewing Next.js code.

## File Conventions

See [file-conventions.md](./file-conventions.md) for:
- Project structure and special files
- Route segments (dynamic, catch-all, groups)
- Parallel and intercepting routes
- Middleware rename in v16 (middleware → proxy)

## RSC Boundaries

Detect invalid React Server Component patterns.

See [rsc-boundaries.md](./rsc-boundaries.md) for:
- Async client component detection (invalid)
- Non-serializable props detection
- Server Action exceptions

## Async Patterns

Next.js 15+ async API changes.

See [async-patterns.md](./async-patterns.md) for:
- Async `params` and `searchParams`
- Async `

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有