使用 Next.js 搭建 Monorepo 组件库文档

文章为稀土掘金技术社区首发签约文章，14 天内禁止转载，14 天后未获授权禁止转载，侵权必究！

阅读本文你将：

• 使用 pnpm 搭建一个 Monorepo 组件库
• 使用 Next.js 开发一个组件库文档
• changesets 来管理包的 version 和生成 changelog
• 使用 vercel 部署在线文档

代码仓库：github.com/maqi1520/ne…

前言

组件化开发是前端的基石，正因为组件化，前端得以百花齐放，百家争鸣。我们每天在项目中都写着各种各样的组件，如果在面试的时候，跟面试官说，你每天的工作是开发组件，那么显然这没有什么优势，如果你说，你开发了一个组件库，并且有一个在线文档可以直接预览，这可能会是你的一个加分项。今天我们就来聊聊组件库的开发，主要是组件库的搭建和文档建设，至于组件数量，那是时间问题，以及你是否有时间维护好这个组件库的问题。

基础组件和业务组件

首先组件