![](/img/trans.png)
[英]How to upgrade a React project built with create-react-app to the next create-react-app version?
[英]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 應用程序?
創建下一個應用程序
創建反應應用程序
您可以通過將“next”包添加到 CRA 來安裝 Next js。 但是,您必須折射部分代碼庫。 src 文件夾應包含一個名為“pages”的子文件夾,其中包含您的路徑。
訪問Next JS 文檔了解更多信息
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.