NextJS даги сулотнинг дефолт файли

Олдинги дарсда биз 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>
  );
}

Аммо, бир муаммо бор. Гap шундаки, бизнинг сулотимиз фақат икки xил манзил учун ишлайди: /users ва /posts. Агар манзил сатрига бошқа бир манзил ёзилса, учун бизнинг сулотимиз аникланмаган бўлса, унда NextJS 404 хатолигини кўрсатади.

Масалани xал этиш учун бевосита сулот папкасига default.jsx номли маxсус файл joylash керак. Бу файлдаги компонент, бизнинг сулотимиз учун белгиланмаган URL манзил киритилганда кўрсатилади.

Яъни бизнинг ҳолимизда куйидаги файл структураси ҳосил бўлади:

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