查看Nextjs路由组Nextjs路由组。您可以为您的家庭特定的东西创建一个路由组。路由组的定义方法是创建一个用圆括号括起来的目录。所以你可以创建一个名为(home)的目录并将page.js移到那里，然后你可以在该目录中创建另一个layout.js。就像这样：

/app
  layout.js
  /(home)
    page.js
    layout.js
  /about
    page.js
    layout.js
    ...ect

所以Nextjs会首先检查app目录的根目录，并加载在那里找到的layout.js。然后，它将作为根目录的子目录转到(home)目录，以加载您的页面和主页布局。

我们的想法是在/app目录中有布局（只有html和body标签）和错误页面（服务于/ index页面），以及路由组中的其他所有内容。

- /app
    layout.tsx //this should be a plain root layout
    page.tsx 
  - (others)  // note the ( ) as this is a routing group
      layout.tsx
    - /about
        page.tsx
    - /post
        page.tsx

对于你的主页，你应该不使用layout.tsx为你的其他元素，而不仅仅是html和body标签，你可以把你的布局放在page.tsx中（或作为组件导入）。
重定向法
或者简单地将主页重定向到特定的文件夹

// you can also do it in middleware once its available
export default async function Home({ params }) {
    redirect('/home');
    return
}

请记住/app目录仍处于测试阶段，因此许多问题仍在解决中。请求或错误报告应发送到其存储库。

您可以在_app页面中使用getInitialProps函数将所有输入重定向到特定页面，以实现您想要的功能：

MyApp.getInitialProps = async ({ctx}) => {
  // if the request is for the / , redirect to /home
  if (ctx.req.url === '/') {
    ctx.res.writeHead(302, { Location: '/home' });
    ctx.res.end();
  }

  return {};
};