Дэфолтны файл слоту ў NextJS

У папярэднім уроке мы зрабілі дынамічны слот з імем info:

app/layout.jsxexport default function RootLayout({children, info}) {
  return (
    <html lang="en">
      <body>
        <header>
          <div>
            {info}
          </div>
        </header>
        <main>
          {children}
        </main>
        <footer>
          footer
        </footer>
      </body>
    </html>
  );
}

Ёсць, аднак, праблема. Рэч у тым, што наш слот працуе толькі для двух тыпаў адрасоў: /users і /posts. Калі ж убіць у адрасны радок іншы адрас, для якога наш слот не вызначаны, то NextJS выдасць 404 памылку.

Для вырашэння праблемы непасрэдна ў папку са слотам варба пакласці спецыяльны файл default.jsx. У гэтым файле павінен быць кампанент, які будзе паказвацца, калі ў адрасны радок убіты URL, не зададзены для нашага слоту.

Гэта значыць у нашым выпадку атрымаецца наступная файлавая структура:

• /app//@info/default.jsx/users/page.jsx/posts/page.jsx