女性向けエンジニアスクール
サーバーで動く部品
動く場所と、できることServer ComponentsとClient Components、use client、サーバーfetch、asyncコンポーネント、動的ルート、params、notFound、キャッシュ、Route Handler、GET・POST API、Server Actions、フォームを扱う全24レッスンのフルスタックコースです。fleamaの商品取得と出品機能をNext.js内へ実装します。
レッスン
24件
所要時間
約6時間
ランク
中級
学習環境
ブラウザ完結
fleamaの商品一覧・詳細をサーバーで取得し、出品APIとフォームをNext.js内へ実装する
Server ComponentsとClient Components、use client、サーバーfetch、asyncコンポーネント、動的ルート、params、notFound、キャッシュ、Route Handler、GET・POST API、Server Actions、フォームを扱う全24レッスンのフルスタックコースです。fleamaの商品取得と出品機能をNext.js内へ実装します。
Server ComponentsとClient Componentsの境界を判断できる
サーバーfetchと動的ルートでデータを含むページを作れる
Route Handler・Server Actions・フォームで更新処理を構築できる
ブラウザ完結（インストール不要）
テキストでの解説
0
レッスン
コーディングの問題
21
レッスン
クイズ問題
3
レッスン
ゆめさくコード編集部
プログラミング学習をもっと身近に。初心者から実務レベルまで、わかりやすいコンテンツをお届けします。
ゆめさくエンジニア / 現役ソフトウェアエンジニア。Ruby on Rails・Nuxt.js・Next.js・CakePHPなどの実務の開発をベースに、学習コンテンツを作成しています。
動かしながら、仕組みや変化を目で確かめられます。
サーバーで動く部品
動く場所と、できること
Server Components
空の状態を経由しない
use clientの宣言
use client を書き忘れると落ちる
どちらに置くか
置き場所は4つの質問で決まるこのコースを終えたあとに進むと、無理なく続けられます
