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

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

第4章クイズ

クイズ1

App Router のプロジェクトで、app/ の中に置いた部品に何も宣言を書かなかった場合、その部品はどちらで動きますか。

クイズ2

次のうち、サーバーで動く部品には書けないものはどれですか。

クイズ3

use client の意味として、いちばん正しいものはどれですか。

クイズ4

サーバーで動くページから、クライアント部品へ props を渡します。渡せないものはどれですか。

クイズ5

一覧ページで、クリックを受け取るのは末端のいいねボタン1つだけです。それなのに page.tsx の先頭に use client と書いてしまいました。何が起きますか。

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

ログインが必要です

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