Next.js ドキュメント
Next.js ドキュメントへようこそ！
Next.js とは？
Next.js は、フルスタックのウェブアプリケーションを構築するための React フレームワークです。React コンポーネントを使用してユーザーインターフェイスを構築し、Next.js を追加機能や最適化に利用します。
また、バンドラーやコンパイラーなどの低レベルツールを自動的に設定します。これにより、製品の構築と迅速なデリバリーに集中できます。
個人開発者であっても、大規模なチームの一員であっても、Next.js はインタラクティブでダイナミック、かつ高速な React アプリケーションの構築を支援します。
ドキュメントの使い方
ドキュメントは3つのセクションに分かれています。
- はじめに: 新しいアプリケーションを作成し、Next.js のコア機能について学習するためのステップバイステップのチュートリアル。
- ガイド: 特定のユースケースに関するチュートリアル。関連性の高いものを選択してください。
- APIリファレンス: すべての機能に関する詳細な技術リファレンス。
サイドバーを使用してセクションをナビゲートするか、検索 (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 リリース が組み込まれており、新しい React リリース前に、フレームワークで検証されている最新機能に加え、安定版の React 19 の変更点すべてが含まれています。
-
Pages Router: プロジェクトの
package.jsonにインストールされている React バージョンを使用します。
このアプローチにより、App Router で新しい React 機能が確実に動作し、既存の Pages Router アプリケーションの後方互換性が維持されます。
前提知識
このドキュメントは、ウェブ開発に関するある程度の知識があることを前提としています。開始する前に、以下の点に慣れていると役立ちます。
- HTML
- CSS
- JavaScript
- React
React の初心者の方、または復習が必要な方は、まず React Foundations コース、そして学習しながらアプリケーションを構築する Next.js Foundations コース から始めることをお勧めします。
アクセシビリティ
スクリーンリーダーを使用する際に最良の体験を得るために、Firefox と NVDA、または Safari と VoiceOver の使用をお勧めします。
コミュニティに参加する
Next.js に関連することについて質問がある場合は、いつでも GitHub Discussions、Discord、X (Twitter)、そして Reddit で質問してください。
役に立ちましたか？