Next.js ドキュメント
Next.jsドキュメントへようこそ!
Next.jsとは?
Next.jsは、フルスタックのWebアプリケーションを構築するためのReactフレームワークです。ユーザーインターフェースの構築にはReact Componentsを使用し、追加機能や最適化にはNext.jsを使用します。
また、バンドラーやコンパイラなどの低レベルなツールも自動的に設定します。開発者は製品の構築と迅速な出荷に集中できます。
個人開発者であっても大規模チームの一員であっても、Next.jsはインタラクティブで動的、かつ高速なReactアプリケーションの構築を支援します。
ドキュメントの使い方
ドキュメントは3つのセクションに分かれています:
- Getting Started:新しいアプリケーションを作成し、Next.jsのコア機能を学ぶためのステップバイステップのチュートリアルです。
- Guides:特定のユースケースに関するチュートリアルです。関連する内容を選択してください。
- API Reference:すべての機能に関する詳細な技術リファレンスです。
サイドバーを使用してセクション間を移動するか、検索(Ctrl+KまたはCmd+K)を使用してページを素早く見つけることができます。
App RouterとPages Router
Next.jsには2つの異なるルーターがあります:
- App Router:Server Componentsなどの新しいReact機能をサポートする新しいルーターです。
- Pages Router:元々のルーターで、現在もサポートされ、改善が続けられています。
サイドバーの上部に、App RouterとPages Routerのドキュメントを切り替えることができるドロップダウンメニューがあります。
Reactバージョンの取り扱い
App RouterとPages Routerは、Reactバージョンの取り扱いが異なります:
-
App Router:組み込みのReact canary releasesを使用します。これには、安定したReact 19のすべての変更と、新しいReactリリース前にフレームワークで検証されている新機能が含まれています。
-
Pages Router:プロジェクトの
package.jsonにインストールされているReactバージョンを使用します。
このアプローチにより、App Routerで新しいReact機能が確実に動作する一方で、既存のPages Routerアプリケーションの後方互換性が維持されます。
前提知識
このドキュメントは、Web開発に関するある程度の知識を前提としています。始める前に、以下について理解していると役立ちます:
- HTML
- CSS
- JavaScript
- React
Reactが初めての方や復習が必要な方は、React Foundationsコースと、学びながらアプリケーションを構築するNext.js Foundationsコースから始めることをお勧めします。
アクセシビリティ
スクリーンリーダーを使用する場合、最適な体験を得るために、FirefoxとNVDA、またはSafariとVoiceOverの使用を推奨します。
コミュニティに参加
Next.jsに関する質問がある場合は、いつでもコミュニティにお気軽にお問い合わせください。GitHub Discussions、Discord、X (Twitter)、Redditで質問を受け付けています。