如何将 Next.js 应用于使用 create-react-app 创建的 React 项目?
How can I apply Next.js to a React project created with create-react-app?
我试图弄清楚如何在我现有的 React 上使用服务器端渲染 (SSR),我发现 Next.js 这是 React 的 SSR 框架。
此外,还有 create-next-app
可以轻松创建 Next.js 像 CRA 这样的应用程序。因为我已经有了现有的 React 项目,所以我需要让它与 Next.js 兼容。但是,他们有完全不同的项目架构。
我附上了 create-next-app
和 create-react-app
两个架构,每个架构都有下面的图片。由于 Next 需要文件夹 pages
,我觉得我需要将我的组件移动到该文件夹中,但我对 create-react-app
中的 src
和 public
文件夹感到困惑。
任何人都可以帮助我如何将 Next.js 应用于现有的 React 应用程序?
创建下一个应用程序
create-react-app
您可以通过将 'next' 包添加到您的 CRA 来安装 Next js。但是,您将不得不折射部分代码库。 src 文件夹应包含一个名为 'pages' 的子文件夹,其中包含您的路径。
访问Next JS Documentation了解更多
我试图弄清楚如何在我现有的 React 上使用服务器端渲染 (SSR),我发现 Next.js 这是 React 的 SSR 框架。
此外,还有 create-next-app
可以轻松创建 Next.js 像 CRA 这样的应用程序。因为我已经有了现有的 React 项目,所以我需要让它与 Next.js 兼容。但是,他们有完全不同的项目架构。
我附上了 create-next-app
和 create-react-app
两个架构,每个架构都有下面的图片。由于 Next 需要文件夹 pages
,我觉得我需要将我的组件移动到该文件夹中,但我对 create-react-app
中的 src
和 public
文件夹感到困惑。
任何人都可以帮助我如何将 Next.js 应用于现有的 React 应用程序?
创建下一个应用程序
create-react-app
您可以通过将 'next' 包添加到您的 CRA 来安装 Next js。但是,您将不得不折射部分代码库。 src 文件夹应包含一个名为 'pages' 的子文件夹,其中包含您的路径。
访问Next JS Documentation了解更多