Next.js 実戦編（App Router）
既存の Next.js プロジェクトに参画した想定で、20問に答えます。 選んだ内容で追撃が最大3手来ます。App Router・Server Components・キャッシュなど、 「動くものは作れるが説明できない」ところを狙って掘ります。
20 問66 ノード三手目 6 本三 手まで掘る
答えるまで正解と解説は表示されません。下の一覧は解説つきのカタログなので、答えを見たくない場合は先に始めてください。
質問カタログ（模範解答つき）
面接官が何を見ているか、模範解答は何かを先に読みたい場合はこちらから。
- 01参画したプロジェクトで、ほぼ全部のファイルの先頭に 'use client' が付いていました。どう判断しますか。
- 02'use client' のコンポーネント本体に window を直接書いても、サーバーでは実行されないので安全ですか。
- 03一覧データの取得はどこに書きますか。
- 04フォームの送信処理はどう実装しますか。
- 05APIキーのような秘密情報は、どう扱いますか。
- 06あるページだけビルド時に生成されず、毎リクエスト実行されていました。原因として何を疑いますか。
- 07ページ遷移した直後に画面が真っ白になる時間があります。どう改善しますか。
- 08キャッシュした内容を、更新されたタイミングで最新にしたい。どうしますか。
- 09あるコンポーネントで例外が出たら、ページ全体が真っ白になりました。どうしますか。
- 10app ディレクトリの中にコンポーネントやテスト用のファイルを置いても、URL として公開されてしまいませんか。
- 11全ルートに共通で認証チェックを入れたい。どこに書きますか。
- 12ページごとにタイトルや OGP を設定したい。どうしますか。
- 13img タグではなく next/image を使う理由は何ですか。
- 14動的ルートで params.slug を読もうとしたら、期待した値が入っていませんでした。何を疑いますか。
- 15Route Handler（route.ts）と Server Function は、どう使い分けますか。
- 16クライアントに送られる JavaScript を減らしたい。何から手をつけますか。
- 17引き継いだ Next.js のコードを読むとき、どこから見ますか。
- 18Vercel 以外の環境にデプロイしたことはありますか。何が必要でしたか。
- 19「サイトが重い」と報告されました。何から調べますか。
- 20ネットで見つけたコードを写したら動きませんでした。どう対処しますか。