コース一覧
Next.jsフルスタック:サーバー・データ取得・API
第5章クイズ

Next.jsフルスタック:サーバー・データ取得・API

Server ComponentsとClient Components、use client、サーバーfetch、asyncコンポーネント、動的ルート、params、notFound、キャッシュ、Route Handler、GET・POST API、Server Actions、フォームを扱う全24レッスンのフルスタックコースです。fleamaの商品取得と出品機能をNext.js内へ実装します。

1
Server / Client Components
01. サーバーで動く部品10分
02. Server Components15分
03. use clientの宣言15分
04. どちらに置くか15分
05. 境界をまたぐ合成15分
06. 境界の設計15分
07. つくる - 部品の仕分け20分
08. 第4章クイズ15分
2
データ取得と動的ルート
01. サーバーでfetch15分
02. asyncコンポーネント15分
03. 動的ルート15分
04. paramsを受け取る15分
05. notFoundで404にする15分
06. キャッシュのきほん10分
07. 検索をサーバーで15分
08. つくる - サーバー取得化20分
09. 第5章クイズ15分
3
API Routesとフォーム
01. Route Handler15分
02. GET APIを作る15分
03. POST APIを作る15分
04. Server Actionsの触り15分
05. フォーム実装15分
06. つくる - 受け口の完成20分
07. 第6章クイズ15分

Next.jsフルスタック:サーバー・データ取得・API

01サーバーで動く部品
02Server Components
03use clientの宣言
04どちらに置くか
05境界をまたぐ合成
06境界の設計
07つくる - 部品の仕分け
08第4章クイズ
09サーバーでfetch
10asyncコンポーネント
11動的ルート
12paramsを受け取る
13notFoundで404にする
14キャッシュのきほん
15検索をサーバーで
16つくる - サーバー取得化
17第5章クイズ
18Route Handler
19GET APIを作る
20POST APIを作る
21Server Actionsの触り
22フォーム実装
23つくる - 受け口の完成
24第6章クイズ

第5章クイズ

クイズ1

Next.js のページでサーバーからデータを取るとき、useState と useEffect が要らなくなるのはなぜですか。

クイズ2

商品の数だけページを用意したいとき、Next.js で作るフォルダの名前はどれですか。

クイズ3

app/items/[id]/page.tsx で URL の id を取り出す書き方として、Next.js 15 で正しいものはどれですか。

クイズ4

存在しない商品の URL を開かれたときに、404 として扱うための書き方はどれですか。

クイズ5

在庫の数のように、古い値を見せてはいけないデータを取るときの指定はどれですか。

未回答の問題は、不正解として正解と解説のみ表示します

ログインが必要です

クイズに回答するにはログインしてください。