Privzeta datoteka reže v NextJS

V prejšnji lekciji smo naredili dinamično režo z 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>
  );
}

Obstaja pa težava. Bistvo je v tem, da naša reža deluje le za dve vrsti naslovov: /users in /posts. Če v naslovno vrstico vnesemo drug naslov, za katerega naša reža ni določena, bo NextJS prikazal napako 404.

Za rešitev težave je treba neposredno v mapo z režo postaviti posebno datoteko default.jsx. V tej datoteki mora biti komponenta, ki bo prikazana, ko v naslovno vrstico vnesemo URL, ki ni določen za našo režo.

To pomeni, da v našem primeru dobimo naslednjo strukturo datotek:

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