Menu

概要

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

この概要セクションは、初めてのNext.jsアプリを作成し、すべてのプロジェクトで使用するコア機能を学ぶのに役立ちます。

前提知識

当ドキュメントは、ウェブ開発に関する基本的な知識があることを前提としています。始める前に、以下に対して理解があると役立ちます：

  • HTML
  • CSS
  • JavaScript
  • React

Reactが初めてであったり、復習が必要な場合は、React FoundationsコースおよびNext.js Foundationsコースから始めることをお勧めします。後者はアプリケーションを構築しながら学習できます。

次のステップ

インストール

`create-next-app` CLIを使用して新しいNext.jsアプリケーションを作成し、TypeScript、ESLint、モジュールパスエイリアスをセットアップする方法を学びます。

プロジェクト構造

Next.jsのフォルダとファイルの規則を学び、プロジェクトを組織化する方法を理解します。

レイアウトとページ

最初のページとレイアウトを作成し、Link コンポーネントを使用してそれらをリンクする方法について学習します。

リンクとナビゲーション

プリフェッチ、プリレンダリング、クライアント側ナビゲーションなどの組み込みナビゲーション最適化がどのように機能するか、動的ルートと低速ネットワークのナビゲーション最適化方法について学習します。

Server コンポーネントと Client コンポーネント

React Server コンポーネントと Client コンポーネントを使用して、アプリケーションの一部をサーバーまたはクライアントでレンダリングする方法について学びます。

Cache Components

Cache Componentsの使い方を学び、静的レンダリングと動的レンダリングの利点を組み合わせます。

データの取得

データの取得と、データに依存するコンテンツのストリーミング方法について学習します。

データの更新

Server Functionsを使用してデータを変更する方法について説明します。

キャッシングと再検証

アプリケーションでデータをキャッシングおよび再検証する方法について学びます。

エラーハンドリング

予期されたエラーを表示し、未処理の例外を処理する方法について説明します。

CSS

Tailwind CSS、CSS Modules、Global CSSなど、アプリケーションにCSSを追加するさまざまな方法について学びます。

画像の最適化

Next.jsで画像を最適化する方法を学ぶ

フォント最適化

Next.jsでフォントを最適化する方法を学びます

メタデータと OG 画像

ページにメタデータを追加し、動的な OG 画像を作成する方法を学びます。

Route Handlers

Route Handlersの使用方法を学習します

Proxy

Proxyの使い方を学ぶ

デプロイ

Next.jsアプリケーションをデプロイする方法を学びます。

アップグレード

Next.jsアプリケーションを最新バージョンまたはcanaryバージョンにアップグレードする方法を学びます。