Next.js SSR 封装
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_922b1001/nextjs-wrap。
技能介绍
问题定位
在 Next.js 项目中,团队常会遇到重复样板:React 页面、TypeScript 配置、SSR 入口、应用壳层这些内容彼此耦合。Nextjs Wrap 的定位不是再写一个框架,而是把 Next.js + React + TypeScript 的 SSR Web 应用封装成可复用入口。
工作方式
从已有资料看,该技能围绕一个版本化的 Next.js 封装展开,核心是提供 Next.js React - TypeScript SSR Web 这类工作基线。对工程师而言,它更像一组约束:优先使用 React 作为视图层,使用 TypeScript 保持接口与组件类型一致,并以 SSR 作为服务端渲染目标。
- 封装目标:面向
Next.js的 SSR Web 应用 - 技术栈:React、TypeScript、Next.js
- 使用方式:作为既有项目中的应用壳层或模板约束
使用边界
当前 SKILL.md 只给出标题、描述和版本,没有列出具体 API、脚本、配置项或兼容性矩阵。因此不宜把它当作完整脚手架使用;如果项目中已经存在自定义 Next.js 配置、SSR 运行环境或严格依赖边界,需要先核对封装是否会覆盖现有入口和构建流程。
使用场景
- 在已有 Next.js 项目里,把页面、组件和类型配置收敛到同一份 SSR 基线。
- 给团队的新站点确定 React、TypeScript 与 Next.js 的服务端渲染起点和目录约束。
- 维护旧站点时,把入口页和服务端页面切到一致的 SSR Web 结构。
- 在代码评审中检查新页面是否仍保持 React + TypeScript SSR 约定与类型边界。
适合人员
- 负责 Next.js 前端项目的工程师:需要把 SSR 入口和组件类型统一成一套基线。
- 维护多页站点的 Web 开发者:需要在旧页与新页之间保持 React、TypeScript 和 SSR 结构一致。
- 制定前端模板的平台团队:需要给新站点一个明确的 Next.js SSR 起点和约定。
- 审查代码一致性的技术负责人:需要确认新页面没有绕过 React 与 TypeScript 约定。