はじめに

Next.js ドキュメントへようこそ！

Next.js とは？

Next.js はフルスタックウェブアプリケーションを構築するための React フレームワークです。ユーザーインターフェースの構築には React コンポーネントを、追加機能や最適化には Next.js を使用します。

また、バンドラーやコンパイラーなどの低レベルのツール設定を自動化します。これにより、製品の開発と迅速なリリースに集中できます。

個人開発者であっても大規模なチームの一員であっても、Next.js はインタラクティブでダイナミック、かつ高速な React アプリケーションの構築を支援します。

ドキュメントの使い方

ドキュメントは4つのセクションに分かれています：

• はじめに: 新しいアプリケーションを作成し、Next.js のコア機能を学ぶステップバイステップのチュートリアル。
• ガイド: 特定のユースケースに関するチュートリアル、関連するものを選択してください。
• 詳細解説: Next.js の動作に関する詳細な説明。
• API リファレンス: 各機能の詳細な技術リファレンス。

サイドバーを使用してセクション間を移動するか、検索（Ctrl+K または Cmd+K）でページを素早く見つけてください。

App Router と Pages Router

Next.js には2つの異なるルーターがあります：

• App Router: サーバーコンポーネントなどの新しい React 機能をサポートする新しいルーター。
• Pages Router: 元々のルーターで、現在もサポートされ改善が続けられています。

サイドバーの上部には、App Router と Pages Router のドキュメントを切り替えるドロップダウンメニューがあります。

前提知識

当ドキュメントではウェブ開発にある程度慣れていることを想定しています。開始前に以下に慣れていると役立ちます：

• HTML
• CSS
• JavaScript
• React

React が初めての方や復習が必要な方は、React Foundations コースと、学習しながらアプリケーションを構築するNext.js Foundations コースから始めることをお勧めします。

アクセシビリティ

スクリーンリーダーを使用する際の最適な体験のために、Firefox と NVDA、または Safari と VoiceOver の使用を推奨します。

コミュニティに参加する

Next.js に関して質問がある場合は、いつでも GitHub Discussions、Discord、X (Twitter)、Reddit のコミュニティで質問してください。