1. ‣
2. Next.js App Router Complete Guide Data Fetching編
3. Next.js App Router Complete Guide Functions編

基本編

Layoutの拡張子はすべて、.tsx .jsx .jsとなる。初期状態はすべてServer Componentsとなるため、onClickなどのJSが必要なものは動作しない。

1. page.tsxのようなpageファイルと実際のURLが紐づく。

- // `app/dashboard/page.tsx` is the UI for the `/dashboard` URL
- export default function Page() {
    - return <h1>Hello, Dashboard Page!</h1>
- }

• 詳しくは以下

File Conventions: page.js

2. layout.tsxのlayoutファイルはpageファイルをラップする