使用Next.js中的index.js文件作为主页还是仅作为起点



我想知道我是否应该直接在index.js文件中实现我的主页,或者我是否应该创建一个单独的"主页.js";pages文件夹中的文件。index.js文件仅仅是应用程序的起点,还是应该将其用作页面本身?或者我应该直接从index.js重定向到我的主页?next.js和react.js中的index.js文件有哪些不同的用例?我没有任何经验,希望听到一些最佳实践或需要注意的事情。

(我假设您指的是Next.js文件/pages/index.js(

您应该将Next.js/pages/index.js文件用作页面本身(1(,即用作路由http://localhost:3000的页面,与将例如CCD_ 4用于路由CCD_。

Next.Js和纯React中的index.js文件实际上是完全不同的、不相关的文件:

  1. Reactindex.js是应用程序javascript执行的入口点(或者"起点"是如何调用它的(
  2. Next.jspages/index.js是默认路由。它对应于静态网页的index.html,即如果您在浏览器地址栏中键入例如http://localhost:3000(没有任何页面名称(,则会出现的页面

Next.js没有任何";入口点CCD_ 11";文件(在您正在编辑的文件夹中(,相反,当您启动next build时,所有最终的.js文件将仅在.next文件夹内生成。

另请参阅:

  • 即使文件夹结构中没有.html文件,NextJS应用程序如何在浏览器上工作?(
  • 为什么create-react-app同时创建app.js和index.js

(1(我对你是否应该直接使用/index.js,或者重定向到例如/home,或者完全避免使用index.js没有任何意见。在这里,我只是想解释一下/index.js文件的作用,因为我认为这就是问题的真正含义

最新更新