Question 1

Next.jsのApp Routerとは何ですか？

Accepted Answer

App RouterはNext.js 13+のapp/ディレクトリに基づく新しいルーティングシステムです。Pages Routerを置き換え、デフォルトでServer Components、共有レイアウト、page.tsx、layout.tsx、loading.tsxなどのファイル規則を持つより柔軟なルーティングモデルを導入します。

Question 2

App Routerで/aboutルートを作成する方法は？

Accepted Answer

App Routerでは、各フォルダがルートセグメントを表します。/aboutを作成するには、app/about/page.tsxを作成します。page.tsxファイルはルートを公開アクセス可能にするために必要です。このファイルがないと、フォルダは表示されるページのないパスセグメントだけになります。

Question 3

App Routerのコンポーネントのデフォルトの動作は何ですか？

Accepted Answer

App Routerでは、すべてのコンポーネントがデフォルトでServer Componentsです。それらはサーバーのみで実行され、クライアントにJavaScriptを送信せず、パフォーマンスが向上します。クライアント機能（hooks、イベント）を使用するには、ファイルの先頭に'use client'ディレクティブを追加する必要があります。

Next.jsの基礎

Next.jsのApp Routerとは何ですか？

回答

App Routerで/aboutルートを作成する方法は？

回答

App Routerのコンポーネントのデフォルトの動作は何ですか？

回答

App Routerで動的ルート/posts/[id]を作成する方法は？

App RouterのLayout.tsxファイルの目的は何ですか？

その他のReact / Next.js面接トピック

JavaScript の基礎

React の基礎

React Hooks

コンポーネントのライフサイクル

React Router

Contextを使った状態管理

フォームと Controlled Components

データ取得と API

React Query (TanStack Query)

Styling & CSS-in-JS

TypeScriptとReact

Next.js データフェッチング

Next.js Server Actions

Next.jsのルーティングとナビゲーション

Next.js API Routes

Next.js Metadata & SEO

Next.js の Middleware と Auth

React テスト

Zustand State Management

React パフォーマンス最適化

Error Boundaries & エラーハンドリング

Advanced React Patterns

Next.jsの高度な機能

Next.jsのデプロイメントと本番環境

アーキテクチャ & デザインパターン

React Server Components

Next.js の国際化

React セキュリティ & ベストプラクティス

次の面接に向けてReact / Next.jsをマスター