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

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章クイズ

第6章クイズ

クイズ1

/api/items という URL で JSON を返したいとき、ファイルはどこに置きますか。

クイズ2

route.ts の中で、GET のリクエストに応える関数の書き方はどれですか。

クイズ3

POST で送られてきた JSON の本文を取り出す書き方はどれですか。

クイズ4

受け取った名前が空だったときの返し方として、いちばん適切なものはどれですか。

クイズ5

Server Actions について、正しい説明はどれですか。

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

ログインが必要です

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