ルーティング

参考
https://zenn.dev/ficilcom/articles/a0d287d6dbd715

Pages Route

• 以前のバージョンで使用されていたルーティング方法
• pages/sample.jsとファイルを定義するとlocalhost:8080/sampleのような形でルーティングされる

App Router

• 最近安定版が宣言された
• appフォルダ配下のファイルでルーティングが行える
• app/(main)/(dashboard)/page.tsxの場合URLはlocalhost:8080/app/main/dashboardの形になる

layout.tsxでコンポーネントの切り替えが簡単になった

• グローバルに使いたい機能は app/layout.tsx に、user 画面で使いたいものは app/user/layout.tsx に書くなど
• 例）app/[lang]/layout.tsx という国際化対応のためのレイアウト