簡體   English   中英

如何將 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-appcreate-react-app兩個架構,每個架構都帶有下面的圖片。 由於 Next 需要文件夾pages ,我覺得我需要在該文件夾中移動我的組件,但我對create-react-app srcpublic文件夾感到困惑。

任何人都可以幫助我如何將 Next.js 應用於現有的 React 應用程序?

創建下一個應用程序

在此處輸入圖片說明

創建反應應用程序

在此處輸入圖片說明

您可以通過將“next”包添加到 CRA 來安裝 Next js。 但是,您必須折射部分代碼庫。 src 文件夾應包含一個名為“pages”的子文件夾,其中包含您的路徑。

訪問Next JS 文檔了解更多信息

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM