Výchozí soubor slotu v NextJS

V předchozí lekci jsme vytvořili dynamický slot s názvem 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>
  );
}

Existuje však problém. Jde o to, že náš slot funguje pouze pro dva typy adres: /users a /posts. Pokud do adresního řádku zadáte jinou adresu, pro kterou náš slot není definován, NextJS vrátí chybu 404.

K vyřešení problému je třeba přímo do složky se slotem vložit speciální soubor default.jsx. V tomto souboru musí být komponenta, která se zobrazí, když je do adresního řádku zadána URL adresa, která není nastavena pro náš slot.

To znamená, že v našem případě bude vypadat souborová struktura takto:

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