SuperAPI AI 工具集

nextjs-15

前端与建站

查看项目

更新于 10-15 21:50

技能介绍

用途:面向 Next.js 15 App Router 的开发模式参考,在涉及路由、Server Actions、数据获取等任务时使用。

主要能力:涵盖 App Router 文件约定,如 app/ 下的 layout.tsx、page.tsx、loading.tsx、error.tsx、not-found.tsx、路由组 (auth)、api/route.ts 与私有目录 _components;默认 Server Components(可 async);Server Actions("use server",配合 revalidatePath、redirect 处理表单);数据获取(Promise.all 并行、Suspense 流式渲染);Route Handlers(NextRequest/NextResponse 的 GET、POST);根级 middleware.ts 配合 config.matcher;静态与动态 metadata/generateMetadata;server-only 包防止服务端代码泄漏到客户端。

使用方式:按上述模式编写对应文件,Server Action 通过 form action 绑定,API 通过 app/api 下 route.ts 定义方法,middleware 置于项目根并配置 matcher。

适用场景:Next.js 15 App Router 项目的路由组织、服务端数据获取、表单提交与 API 实现。

限制:资料未提供版本兼容细节、安装命令、性能基准或收费信息;需结合具体项目环境验证。