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

Question

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

Answer 1

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

您应该使用 Next.js/pages/index.js文件作为页面本身⁽¹⁾，即作为路线的页面http://localhost:3000，就像您将 example 用于/pages/about.js路线一样http://localhost:3000/about。

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

1. Reactindex.js是应用程序 javascript 执行的入口点（或您所说的“起点”）。
2. Next.jspages/index.js是默认路由。它对应于静态网页，即如果您在浏览器地址栏中index.html键入eg（没有任何页面名称）就会出现的页面。http://localhost:3000

Next.js 根本没有任何“入口点index.js”文件（在您正在编辑的文件夹中），相反，所有最终.js文件只会.next在您启动时在该文件夹内生成next build。

也可以看看：

• 即使文件夹结构中没有 .html 文件，Next JS 应用程序如何在浏览器上运行？）
• 为什么 create-react-app 同时创建 App.js 和 index.js？

⁽¹⁾对于是否应该直接使用 /index.js，或者重定向到 /home，或者完全避免使用 /index.js，我没有任何意见。在这里，我只是尝试解释 /index.js 文件的作用，因为我认为这就是问题实际要问的内容。