Menu

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 RouterPages 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 DiscussionsDiscordX (Twitter)Redditで質問を受け付けています。

Next Steps

最初のアプリケーションを作成し、Next.jsのコア機能を学びましょう。