diff --git a/Ritsu/chapter14/README.md b/Ritsu/chapter14/README.md new file mode 100644 index 0000000..904cc13 --- /dev/null +++ b/Ritsu/chapter14/README.md @@ -0,0 +1,36 @@ +# レイアウトとページの作成 + +## ダッシュボードページの作成 + +入れ子構造の`page.tsx`は`/`を用いることで表示することが可能。 +Next.js では`page`という名前をつけ、 +``` +export default function Page() { + return
; +} +``` +とすることでUIコンポーネントを同じ場所に配置することができる。 + +## ダッシュボードレイアウトの作成 +Next.jsでは`layout.tsx`ファイルを使用して、複数のページ間で共有されるUIを作成することができる。以下その内容。 + +``` +import SideNav from '@/app/ui/dashboard/sidenav'; + +export default function Layout({ children }: { children: React.ReactNode }) { + return ( +