Podrazumevani fajl slota u NextJS

U prethodnoj lekciji napravili smo dinamički slot pod imenom 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>
  );
}

Međutim, postoji problem. Stvar je u tome što naš slot radi samo za dve vrste adresa: /users i /posts. Ako se u adresnu traku unese druga adresa, za koju naš slot nije definisan, onda će NextJS prikazati 404 grešku.

Za rešavanje problema potrebno je direktno u folder sa slotom postaviti specijalni fajl default.jsx. U ovom fajlu treba da bude komponenta koja će se prikazivati kada je u adresnu traku unet URL, koji nije zadat za naš slot.

Dakle, u našem slučaju će se dobiti sledeća fajl struktura:

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