Question 1

Next.jsのデプロイメントにおけるVercel Platformとは何ですか？

Accepted Answer

Vercel Platformは、Next.js専用に設計されたクラウドネイティブプラットフォームで、フレームワークの自動検出によるzero-configデプロイを提供します。このプラットフォームはビルドを自動的に最適化し、グローバルEdge Networkを設定し、手動設定なしでインテリジェントなキャッシュを有効にします。AWSやAzureなどの汎用ソリューションとは異なり、VercelはISR、Middleware、Server Componentsなど、Next.jsの機能に最適化されており、最高のパフォーマンスを発揮します。

Question 2

Next.jsでブラウザに環境変数を公開するにはどうすればいいですか？

Accepted Answer

NEXT_PUBLIC_プレフィックスを持つ変数は、ビルド時に自動的にクライアントに公開され、JavaScriptバンドルに含まれます。このプレフィックスのない変数は厳密にサーバーサイドに留まり、ブラウザには送信されないため、シークレットのセキュリティが保証されます。この区別により、Stripeの秘密鍵などの機密シークレットを保護しながら、NEXT_PUBLIC_STRIPE_KEYのような公開APIキーを管理できます。

Question 3

Next.jsの本番ビルドを作成するコマンドは何ですか？

Accepted Answer

next buildコマンドは、コードの圧縮、画像の最適化、静的ページの生成、アセットのバンドルを含む、最適化された本番バージョンのアプリケーションを生成します。このステップは、最適化されたすべてのファイルを含む.nextフォルダを生成するため、デプロイ前に必須です。next startコマンドはその後、この最適化されたビルドを使用して本番サーバーを起動します。

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

Next.jsのデプロイメントにおけるVercel Platformとは何ですか？

回答

Next.jsでブラウザに環境変数を公開するにはどうすればいいですか？

回答

Next.jsの本番ビルドを作成するコマンドは何ですか？

回答

Next.jsをコンテナ化するためのベースDockerイメージは何ですか？

Vercelで環境変数を設定する場所はどこですか？

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

JavaScript の基礎

React の基礎

React Hooks

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

React Router

Contextを使った状態管理

フォームと Controlled Components

データ取得と API

React Query (TanStack Query)

Styling & CSS-in-JS

Next.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の高度な機能

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

React Server Components

Next.js の国際化

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

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