如何在 NextJs 中共享两个项目中的组件？

Question

我不知道在我的特定情况下共享组件 ReactJs 的最佳选择是什么，我在 NextJs 中有两个应用程序，一个是电子商务，另一个是该电子商务的经理门户。

在第一个应用程序（电子商务）中，我有 UI 组件（按钮、字段、标题、文本等），我想在其他项目中使用这些组件，我一直在考虑解耦 UI 组件并创建一个新的存储库，这回购共享到两个项目。

我不知道这样做是否正确？

我可以在 NextJs 中创建此存储库 (UI) 以利用它们的好处吗？NextJs 非常容易使用 Typescript、EsLint，NextJs 还包含基本模板 PostCSS，并且 nextjs 几乎不需要配置任何东西。

你有什么建议吗？

我可以仅使用 Next Js 来创建组件存储库吗？是推荐吗？

Answer 1

您需要创建一个组件库。

当您考虑组件库时，它们只是可以在任何 React 应用程序中使用的组件。NextJS 是一种组装 React 应用程序的方法。你仍然需要编写组件。如果您想在库中使用 NextJS 组件，也可以通过添加 NextJS 作为组件库的依赖项来实现。但我不建议这样做。尝试可视化 React 特定代码并将其与 NextJS 分开。 (2认同)