パラレルルートの作成

1 . @slot

app以下に@から始まる任意のフォルダを作成し、普通のルートと同様にlayout.tsx , page.tsxを作成
@から始まるフォルダ名にアンダーバーがあるとダメ

例：/created というパラレルルート：

/app-- layout.tsx , page.tsx 
   |-- /@created /layout.tsx , page.tsx

2 . 親のlayout.tsx内に {slot} を置く

app/ layout.tsx：

export default function RootLayout({
  children,
  created,
}: Readonly<{
  children: React.ReactNode;
  created: React.ReactNode;
}>) {
  return (
    <html lang="ja">
      <body
        className={`${geistSans.variable} ${geistMono.variable} ${noto_sans_jp.className} antialiased`}
      >
        {children}
        {created}
      </body>
    </html>
  );
}

これでパラレルルートが機能する

404エラーになった場合

対策：default.ts の作成

/app /@slot/内と/app/以下の２箇所にdefault.ts or default.tsxを置く
コードは rafce で生成した初期状態でよい

Nextjs：パラレルルート