SuperAPI AI 工具集

next-best-practices

编程与开发

查看项目

更新于 10-16 06:44

技能介绍

用途:在编写或审查 Next.js 代码时应用一套最佳实践规则,覆盖从项目结构到性能优化的多个方面。

主要能力(按主题分文档):文件约定(项目结构与特殊文件、动态/全捕获/分组路由段、并行与拦截路由、v16 中 middleware 更名为 proxy);RSC 边界(检测异步客户端组件、不可序列化 props、Server Action 异常等无效模式);异步模式(Next.js 15+ 的异步 params 与 searchParams、异步 cookies() 与 headers()、迁移 codemod);运行时选择(默认 Node.js,何时用 Edge);指令('use client'、'use server'、'use cache');函数(导航 hooks、服务端函数、generateStaticParams/generateMetadata);错误处理(error.tsx、global-error.tsx、not-found.tsx、redirect、notFound、forbidden、unauthorized、unstable_rethrow);数据模式(Server Components 与 Server Actions 与 Route Handlers 的取舍、避免数据瀑布、客户端取数);路由处理器(route.ts 基础、与 page.tsx 的 GET 冲突、环境行为、与 Server Actions 的取舍);元数据与 OG 图片;图片优化(next/image、远程图片配置、sizes、模糊占位、LCP 优先加载);字体优化(next/font、Google 与本地字体、Tailwind 集成);打包(服务端不兼容包、CSS 导入、polyfill、ESM/CommonJS、包分析);脚本(next/script、内联脚本 id、加载策略、@next/third-parties);水合错误;Suspense 边界;并行与拦截路由(模态框模式、default.tsx、router.back());自托管(output: 'standalone'、多实例 ISR 缓存处理器);调试技巧(MCP 端点、--debug-build-paths 重建特定路由)。

使用方式:资料未提供具体安装或调用命令,仅说明在编写或审查 Next.js 代码时应用这些规则,并查阅对应主题的 .md 参考文档。

适用场景:Next.js 项目的开发与代码审查。

限制:资料未提供收费、价格、平台支持范围等信息;具体命令与配置细节需查阅各主题文档。