SuperAPI AI 工具集

nextjs-developer

前端与建站

查看项目

更新于 10-15 19:54

技能介绍

用途:用于构建 Next.js 14+ 应用,重点在 App Router(而非 Pages Router)、React 服务端组件与服务端操作,适合全栈功能开发、性能优化与 SEO 实现。

主要能力:架构规划(应用结构、路由、布局、渲染策略);建立 App Router 结构(布局、模板、加载状态);数据层搭建(服务端组件、数据获取、缓存与重新验证);性能优化(图片、字体、打包、流式渲染、边缘运行时);使用 Metadata API 实现 SEO;部署到 Vercel 或自托管。内置多份参考文档,按上下文加载:App Router、服务端组件、服务端操作、数据获取、部署。

使用方式:在构建 Next.js 14+ 应用、实现服务端组件或服务端操作、配置数据获取与缓存、做性能或 SEO 优化、部署时调用。工作流为:架构规划、实现路由、搭建数据层、优化、部署。实现时提供应用结构、带数据获取的布局与页面组件、必要的服务端操作、配置(next.config.js、TypeScript)及渲染策略说明。

约束:必须使用 App Router;使用严格模式 TypeScript;默认使用服务端组件,客户端组件以 'use client' 标记;使用原生 fetch 及缓存选项;用 Metadata API 做 SEO;用 next/image 优化图片;配置加载与错误边界;目标 Core Web Vitals 大于 90。不得使用 Pages Router、不得把所有组件设为客户端组件、不得无必要地在客户端组件中取数、不得跳过图片优化、不得在组件中硬编码元数据、不得无必要引入外部状态管理器、不得跳过错误边界、不得在未做构建优化的情况下部署。

限制:资料未提供具体定价、授权方式与版本更新信息;所述性能目标为技能内设定,实际效果取决于项目与运行环境。