SuperAPI AI 工具集

nextjs-15

前端与建站

查看项目

更新于 10-16 05:46

技能介绍

用途:在构建 Next.js 15 应用、使用 App Router、编写服务端/客户端组件、实现 Server Actions、获取数据或配置中间件时加载,提供可遵循的代码模式与规则。

主要能力:默认使用 Server Components(async 组件可直接访问数据库);仅在需要交互、浏览器 API 或 React 状态时添加 'use client';用 'use server' 定义 Server Actions 处理表单变更,配合 revalidatePath 与 redirect;用 Promise.all 并行获取数据、用 Suspense 实现流式渲染;在 app/api 下用 NextRequest/NextResponse 编写路由处理器;在根目录 middleware.ts 中做路由保护并配置 matcher;支持静态与动态 metadata、generateMetadata、路由组与布局。

使用方式:按资料中的模式编写组件与文件,例如表单使用 <form action={serverAction}>,缓存失效调用 revalidatePath('/path'),重定向使用 redirect('/path'),URL 参数用 params,搜索参数在 Server Component 中用 searchParams.get('key'),敏感模块添加 import 'server-only'。

适用场景:Next.js 15 App Router 项目的页面、数据层、表单变更、API 与鉴权路由。

限制:资料未提供安装命令、版本兼容细节、性能数据或收费信息;规则要求不要给 layout 或 page 添加 'use client',变更缓存数据后必须调用 revalidatePath 或 revalidateTag。