SuperAPI AI 工具集

fullstack

编程与开发

查看项目

更新于 10-15 22:15

技能介绍

用途:在构建 Web 应用、React 组件、Next.js 应用、API、数据库或做快速原型时启用,聚焦 React 19、Next.js 16 与服务端优先架构。

主要能力:说明 Next.js 16 相对 14/15 的关键变化,包括所有请求 API(params、searchParams、cookies()、headers()、draftMode())改为异步必须 await;缓存改为显式选择加入,默认动态执行,需用 "use cache" 开启;Turbopack 成为默认打包器;middleware.ts 更名为 proxy.ts;并行路由需 default.js;移除 AMP、next lint、runtime config、legacy image 等。还涵盖 Server Components、Client Components、Server Actions、缓存组件与 cacheLife/cacheTag/revalidateTag/updateTag/refresh、React Compiler、状态管理与组件库选型、Drizzle/Prisma 数据库模式、性能与 Core Web Vitals 目标,以及 15 到 16 的迁移清单。

使用方式:按资料中的模式编写代码,例如服务端组件默认在请求时运行,客户端组件用 "use client",服务端逻辑用 "use server";缓存需在 next.config.ts 中开启 cacheComponents: true,并用 "use cache"、cacheLife()、cacheTag() 标注。可用 npx next typegen 生成类型,用 npx @next/codemod@canary upgrade latest 做升级。

适用场景:现代 Web 应用、React 组件、Next.js 应用、API、数据库与快速原型开发。

限制:资料要求 Node.js 24.x、TypeScript 5.1.0 及较新浏览器;缓存函数不能直接访问 cookies()、headers() 或 searchParams;访问未缓存数据的组件需用 Suspense 包裹;自定义 webpack 配置需改用 turbopack 配置或加 --webpack。具体收费、价格与效果暂未提供。