这是什么?
这是一个 Next.js 起步样板,搭配 Next.js 16、React 19 和 Tailwind CSS 4,围绕 CONVENTIONS.md 中记录的一套严格的构建约定构建。
这是我要安装的库,还是克隆后在其之上开发的起步仓库?
它是一个起步/样板仓库,你克隆它并在其上构建自己的项目,而不是通过 npm install 装进现有应用的包。
怎么让它跑起来?
克隆仓库,然后运行 npm run dev 启动开发服务器,npm run build 做生产构建,npm run start 运行该构建。
在它基础上开发前需要什么?
只需要能运行脚本的 Node/npm——而且在编写任何组件、区块或页面之前,你必须先读 CONVENTIONS.md,因为整个仓库都围绕它构建。
能不能不做任何阅读就直接开始加组件?
不行——CONVENTIONS.md 被称为整个仓库构建方式的全部规范,所以在动任何组件、区块或页面之前必须先读它。
npm run to:avif 是做什么的?
它把图片转换成 AVIF 格式并报告其内联字节开销,与仓库的图片优化规则(规则 11)相关联。
AGENTS.md 是做什么用的?
它存放面向在这个仓库中工作的 AI 编程智能体的 Next.js 版本说明,与面向人类的 CONVENTIONS.md 分开。
为什么 Rive 动画要放在 LCP 之后?
OPTIMIZATION.md 记录了测量数据,说明为什么该资源的 Rive 加载要延迟到最大内容绘制(LCP)之后,以保持页面性能不受损。
What are similar projects?
sales-crm, react-redux-universal-hot-example, saas-starter, Next-js-Boilerplate, react-starter-kit, cult-ui, svelte, core
Which topics is it in?
starter-kit, eslint, seo, boilerplate, ssr, template, web-framework, tailwindcss, image-processing, nextjs, animation, css