如何在使用create-react-app创建的React项目中应用Next.js？

Question

9

我曾经尝试着在我的现有React应用中使用服务器端渲染（SSR），并发现了Next.js，这是一个为React设计的SSR框架。

此外，还有create-next-app，可以像CRA一样轻松创建Next.js应用。由于我已经有了现有的React项目，所以我需要使其与Next.js兼容。但是，它们具有相当不同的项目结构。

我在下面附上了create-next-app和create-react-app的两个架构图像。由于Next需要文件夹pages，因此我觉得我需要将我的组件移动到该文件夹中，但我对create-react-app中的src和public文件夹感到困惑。

有人能帮我了解如何将Next.js应用于现有的React应用程序吗？

create-next-app

create-react-app

- Jay P.

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Lavesh Deepak Panjwani · Accepted Answer

你可以通过将“next”包添加到你的CRA中来安装Next js。但是，你需要重构代码库的一部分。src文件夹应该包含一个名为“pages”的子文件夹，其中包含你的路径。

访问Next JS文档了解更多信息。