女性向けエンジニアスクール
SPAの課題を見る
最初の1枚が出るまでNext.jsとReactの境界、App Router、ファイルベースルーティング、Link、loading.tsx、layout.tsx、ネストしたレイアウト、ナビゲーションを扱う全21レッスンの入門コースです。React版fleamaをNext.jsへ移行し、静的ページと共通レイアウトを構築します。
レッスン
21件
所要時間
約5.5時間
ランク
中級
学習環境
ブラウザ完結
React版fleamaをApp Routerへ移行し、ページと共通レイアウトを構築する
Next.jsとReactの境界、App Router、ファイルベースルーティング、Link、loading.tsx、layout.tsx、ネストしたレイアウト、ナビゲーションを扱う全21レッスンの入門コースです。React版fleamaをNext.jsへ移行し、静的ページと共通レイアウトを構築します。
App Routerの規約でページと動的でないルートを作れる
layout.tsxとネストしたレイアウトで共通UIを構成できる
Link・loading.tsx・ナビゲーションを適切に配置できる
ブラウザ完結（インストール不要）
テキストでの解説
0
レッスン
コーディングの問題
18
レッスン
クイズ問題
3
レッスン
ゆめさくコード編集部
プログラミング学習をもっと身近に。初心者から実務レベルまで、わかりやすいコンテンツをお届けします。
ゆめさくエンジニア / 現役ソフトウェアエンジニア。Ruby on Rails・Nuxt.js・Next.js・CakePHPなどの実務の開発をベースに、学習コンテンツを作成しています。
動かしながら、仕組みや変化を目で確かめられます。
このコースを終えたあとに進むと、無理なく続けられます
