Подразумевана датотека слота у 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