Каталог приложений Nextjs 13, как указать папку маршрута для домашней страницы

Вы можете использовать функцию getInitialProps на странице _app, чтобы перенаправить весь ввод на определенную страницу на то, что вы хотите:

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 {};
};

Идея состоит в том, чтобы иметь макет (только с тегом html и body) и страницу ошибок в каталоге /app (для обслуживания / индексации страницы), а все остальное в группе маршрутизации.

  - /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 все еще находится в стадии бета-тестирования, поэтому многие проблемы все еще решаются. Запросы или отчеты об ошибках следует отправлять в их репозиторий.

Ознакомьтесь с группами маршрутизации Nextjs Группы маршрутизации Nextjs. Вы можете создать группу маршрутизации только для вашего дома. Группы маршрутизации определяются путем создания каталога, заключенного в круглые скобки. Таким образом, вы можете создать каталог с именем (home) и переместить page.js туда, а затем вы также можете создать еще один layout.js в этом каталоге. вот так:

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

Поэтому Nextjs сначала проверит корень каталога приложения и загрузит найденный там layout.js. Затем он перейдет в каталог (home) как дочерний элемент корня, чтобы загрузить вашу страницу и макет для домашней страницы.