IT-Q
シナリオ/Next.js 基礎編(20問・追撃なし)

Next.js 基礎編(20問・追撃なし)

Next.js を「使ったことはある」状態から、面談で前提として問われる用語と仕組みを埋めるための20問。 App Router が対象です。全問4択、追撃はありません。5分で一周できます。

2020 ノード追撃なし・約5分

答えるまで正解と解説は表示されません。下の一覧は解説つきのカタログなので、答えを見たくない場合は先に始めてください。

質問カタログ(模範解答つき)

面接官が何を見ているか、模範解答は何かを先に読みたい場合はこちらから。

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