はじめよう
Next.js ドキュメントへようこそ！
この「はじめよう」セクションでは、最初の Next.js アプリを作成し、すべてのプロジェクトで使用するコア機能を学ぶことができます。
前提知識
当ドキュメントでは、Web 開発にある程度慣れていることを前提としています。始める前に、以下の技術に慣れていると役立ちます:
- HTML
- CSS
- JavaScript
- React
React に初めて触れる方や復習が必要な方は、まず React Foundations コース から始めることをお勧めします。また、学習しながらアプリケーションを構築する Next.js Foundations コース もご利用いただけます。
次のステップ
インストール
新しいNext.jsアプリケーションを`create-next-app`で作成する方法。TypeScriptやESLintのセットアップ、`next.config.js`ファイルの設定について説明します。
プロジェクト構造
Next.jsにおけるフォルダとファイルの規約の概要と、プロジェクトの構成方法について。
レイアウトとページ
最初のページとレイアウトを作成し、それらをリンクする方法について説明します。
画像
Next.jsにおける画像最適化について学ぶ
フォント
Next.jsでフォントを使用する方法を学ぶ
CSS
CSSモジュール、グローバルCSS、Tailwind CSSなど、アプリケーションにCSSを追加するさまざまな方法について学びましょう。
サーバーとクライアントコンポーネント
Reactのサーバーコンポーネントとクライアントコンポーネントを使用して、アプリケーションの一部をサーバーまたはクライアントでレンダリングする方法を学びましょう。
データ取得
アプリケーションでデータを取得し、コンテンツをストリーミングする方法について説明します。
キャッシュと再検証
アプリケーションでデータをキャッシュおよび再検証する方法を学びます。
データ更新
Next.jsアプリケーションでデータを更新する方法について学びます。
エラーハンドリング
予期されるエラーの表示方法とキャッチされない例外の処理方法について学びます。
部分プリレンダリング
静的レンダリングと動的レンダリングの利点を組み合わせた部分プリレンダリング (PPR) の使用方法を学びましょう。
メタデータとOG画像
ページにメタデータを追加し、動的なOG画像を作成する方法を学びましょう。
デプロイ
Next.js アプリケーションをデプロイする方法を学びます。
アップグレード
Next.jsアプリケーションを最新バージョンにアップグレードする方法について学びます。