Standard slot-fil i NextJS

I den forrige lektion lavede vi en dynamisk slot med navnet 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>
  );
}

Der er dog et problem. Sagt på en anden måde, vores slot virker kun for to typer af adresser: /users og /posts. Hvis man indtaster en anden adresse i adressefeltet, som vores slot ikke er defineret for, vil NextJS visse en 404 fejl.

For at løse problemet skal man lige i mappen med slotten placere en speciel fil kaldet default.jsx. Denne fil skal indeholde en komponent, som vil blive vist, når en URL, som ikke er defineret for vores slot, indtastes i adressefeltet.

Så i vores tilfælde vil filstrukturen se således ud:

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