NextJS-de slot faýlynyň deslapky görnüşi

Öňki sapakda biz info atly dinamiki slot döretdik:

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>
  );
}

Emma, bir mesele bar. Mysaly bizimiň slot diňe iki görnüşli salgylar üçin işleýär: /users we /posts. Eger salgylar setirine başga bir salgy ýazsaňyz, bizimiň slot üçin kesgitlenmedik bolsa, onda NextJS 404 säwligini görkezer.

Bu meseläni çözmek üçin slot papkasynyň içine ýörite faýl default.jsx goýulmaly. Bu faýlda komponent bolmaly, salgylar setirine bizimiň slot üçin kesgitlenmedik URL ýazylanyňda görkeziler.

Mysaly, bizimiň ýagdaýda aşakdaky faýl gurluşy alarys:

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