NextJS-də Default Slot Faylı

Əvvəlki dərsdə biz info adlı dinamik slot etdik:

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

Lakin, bir problem var. Problem onundadır ki, bizim slot ancaq iki növ ünvan üçün işləyir: /users və /posts. Əgər brauzerin ünvan sətrinə başqa ünvan daxil etsək, hansı ki, bizim slot üçün təyin edilməyib, onda NextJS 404 xətası verəcək.

Problemi həll etmək üçün birbaşa slot qovluğuna xüsusi default.jsx faylı qoyulmalıdır. Bu faylda komponent olmalıdır, hansı ki, ünvan sətrinə slotumuz üçün təyin olunmamış URL daxil edildikdə göstəriləcək.

Yəni bizim vəziyyətdə aşağıdakı fayl strukturusu alınacaq:

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