Next.js 基礎編(20問・追撃なし)
Next.js を「使ったことはある」状態から、面談で前提として問われる用語と仕組みを埋めるための20問。 App Router が対象です。全問4択、追撃はありません。5分で一周できます。
20 問20 ノード追撃なし・約5分
答えるまで正解と解説は表示されません。下の一覧は解説つきのカタログなので、答えを見たくない場合は先に始めてください。
質問カタログ(模範解答つき)
面接官が何を見ているか、模範解答は何かを先に読みたい場合はこちらから。
- 01App Router と Pages Router は、どこで見分けますか。
- 02App Router で、layout と page は既定でどちら側のコンポーネントですか。
- 03ファイルの先頭に書く 'use client' は、何を宣言していますか。
- 04'use client' を付けたコンポーネントは、サーバーでは実行されませんか。
- 05layout.tsx は、ページを移動したときどうなりますか。
- 06/blog/なんとか のような動的なURLは、どう作りますか。
- 07動的ルートで params.slug を直接読んだら、値が入っていませんでした。なぜですか。
- 08一覧データの取得は、どこに書くのが基本ですか。
- 09Server Component の中の fetch は、既定でキャッシュされますか。
- 10loading.tsx を置くと、何が起きますか。
- 11error.tsx について、正しいものはどれですか。
- 12「見つからない」ときの表示は、どう作るのが適切ですか。
- 13'use server' を付けた関数は、何になりますか。
- 14Server Function のセキュリティで、最も重要な前提はどれですか。
- 15route.ts(Route Handler)が必要になるのは、どういう場合ですか。
- 16APIキーを .env に置くとき、変数名に NEXT_PUBLIC_ を付けるとどうなりますか。
- 17next/image(Image コンポーネント)を使う理由として、公式が挙げているものはどれですか。
- 18ページごとのタイトルや OGP は、どう設定しますか。
- 19全リクエストの前に共通処理を挟むファイルは、Next.js 16 では何という名前ですか。
- 20本番でだけエラーが出ました。まず何をしますか。