📌 概要

本プロジェクトでは、Next.js App Routerの機能を活用し

フロント + API + SSRを一体化した構成になっている。

👉 Next.jsの特徴 =「フロントとバックエンドを1つで扱える」

🥇 最重要（絶対理解すべき）

① App Router（layout.tsx / page.tsx）

📁 ファイル

app/layout.tsx
app/page.tsx

💻 コード

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
      </body>
    </html>
  );
}

🧠 解説

• layout.tsx → 共通レイアウト
• page.tsx → 各ページ

👉 children にページが入る