コンテンツにスキップ

ガイド

分析

Next.js Speed Insights を使用して、ページパフォーマンスを測定および追跡します

認証

Next.js アプリケーションでの認証の実装方法を学びます。

フロントエンドのためのバックエンド

Next.js をバックエンドフレームワークとして使用する方法を学びます

キャッシュ

Next.js におけるキャッシュメカニズムの概要。

CI ビルドキャッシュ

CI で Next.js ビルドをキャッシュする方法を学びます

コンテンツセキュリティポリシー

Next.js アプリケーションのコンテンツセキュリティポリシー (CSP) の設定方法を学びます。

CSS-in-JS

Next.js で CSS-in-JS ライブラリを使用する

カスタムサーバー

カスタムサーバーを使用して Next.js アプリをプログラムで起動します。

データセキュリティ

Next.js の組み込みデータセキュリティ機能について学び、アプリケーションのデータを保護するためのベストプラクティスを習得します。

デバッグ

VS Code、Chrome DevTools、または Firefox DevTools を使用して Next.js アプリケーションをデバッグする方法を学びます。

ドラフトモード

Next.js には、静的ページと動的ページを切り替えるためのドラフトモードがあります。App Router での仕組みについてここで学べます。

環境変数

Next.js アプリケーションに環境変数を追加してアクセスする方法を学びます。

フォーム

React Server Actions を使用して Next.js でフォームを作成する方法を学びます。

ISR

インクリメンタル静的再生成を使用して、実行時に静的ページを作成または更新する方法を学びます。

インストルメンテーション

Next.js アプリでサーバー起動時にコードを実行するためにインストルメンテーションを使用する方法を学びます

国際化

国際化ルーティングとローカライズされたコンテンツで、複数の言語のサポートを追加します。

JSON-LD

Next.js アプリケーションに JSON-LD を追加して、検索エンジンや AI にコンテンツを説明する方法を学びます。

遅延読み込み

インポートされたライブラリと React コンポーネントを遅延読み込みして、アプリケーションの読み込みパフォーマンスを向上させます。

開発環境

Next.js でローカル開発環境を最適化する方法を学びます。

Next.js MCP サーバー

実験的な Next.js MCP サーバーを有効にして、エージェントがアプリケーションの状態にアクセスできるようにする方法を学びます

MDX

MDX を設定して Next.js アプリで使用する方法を学びます。

メモリ使用量

開発および本番環境でアプリケーションが使用するメモリを最適化します。

移行

人気のあるフレームワークから Next.js への移行方法を学びます

マルチテナント

App Router でマルチテナントアプリを構築する方法を学びます。

マルチゾーン

Next.js マルチゾーンを使用してマイクロフロントエンドを構築し、単一ドメインの下で複数の Next.js アプリケーションをデプロイする方法を学びます。

OpenTelemetry

Next.js アプリを OpenTelemetry でインストルメントする方法を学びます。

パッケージバンドル

アプリケーションのサーバーおよびクライアントバンドルを最適化する方法を学びます。

プリフェッチ

Next.js でプリフェッチを構成する方法を学びます

本番環境

Next.js アプリケーションを本番環境に移行する前に、最適なパフォーマンスとユーザーエクスペリエンスを確保するための推奨事項。

PWA

Next.js でプログレッシブウェブアプリケーション (PWA) を構築する方法を学びます。

リダイレクト

Next.js でリダイレクトを処理するさまざまな方法を学びます。

Sass

Next.js アプリケーションを Sass でスタイル設定します。

スクリプト

組み込みの Script コンポーネントでサードパーティスクリプトを最適化します。

セルフホスティング

Node.js サーバー、Docker イメージ、または静的 HTML ファイル (静的エクスポート) で Next.js アプリケーションをセルフホストする方法を学びます。

SPA

Next.js はシングルページアプリケーション (SPA) の構築を完全にサポートしています。

静的エクスポート

Next.js は、静的サイトまたはシングルページアプリケーション (SPA) として開始し、後でサーバーを必要とする機能を使用するようにオプションでアップグレードできるようにします。

Tailwind CSS v3

Tailwind CSS v3 を使用して Next.js アプリケーションをスタイル設定し、より広範なブラウザサポートを実現します。

テスト

一般的に使用される 4 つのテストツール — Cypress、Playwright、Vitest、Jest — と Next.js のセットアップ方法を学びます。

サードパーティライブラリ

`@next/third-parties` パッケージを使用して、アプリケーションのサードパーティライブラリのパフォーマンスを最適化します。

アップグレード

Next.js の最新バージョンへのアップグレード方法を学びます。

動画

Next.js アプリケーションでの動画の最適化に関する推奨事項とベストプラクティス。