会員登録すると
学習することができます。
会員登録する（無料）
学習することができます。
登録済みの方はこちら
ログイン
ページとルーティング
目安学習時間 15分
学ぶ目的
ページを増やしてみる
app/about/page.tsxを作れば/aboutが、app/profile/page.tsxを作れば/profileが生まれます。ページの実体は、JSXを返すただのReactコンポーネントです。
Linkで高速に遷移する
ページ間の移動にはaタグの代わりに<Link href="/about">を使います。ページ全体を読み込み直さずに切り替わるため、アプリのような速い操作感になります。
学ぶ目的
トップページ・自己紹介ページ・作品一覧ページを持つ小さなサイトを組み立てながら、ルーティングを体で覚えます。
このレクチャーで学ぶこと
- page.tsxでページを作る
- フォルダ構成とURLの対応
- Linkコンポーネントでページ遷移
質問
まだ質問は投稿されていません。
質問投稿
ログイン後に質問の投稿ができます。
理解度チェックテストに
合格しました！
おめでとうございます！
Next.js初級
Next.js初級講座
ページとルーティング
理解度チェックテストに合格しました！
＼ SNSにシェアする ／
