ガイド
アナリティクス
Next.js Speed Insightsを使用してページのパフォーマンスを測定・追跡する
認証
Next.jsアプリケーションで認証を実装する方法を学びます。
フロントエンド用バックエンド
バックエンドフレームワークとしてNext.jsを使用する方法を学習します
キャッシング
Next.jsのキャッシング機構の概要。
CIビルドキャッシュ
Next.jsのビルドをキャッシュするためのCIの設定方法を学ぶ
コンテンツセキュリティポリシー
Next.js アプリケーションにコンテンツセキュリティポリシー(CSP)を設定する方法を説明します。
CSS-in-JS
Next.jsでCSS-in-JSライブラリを使用する
カスタムサーバー
カスタムサーバーを使用してプログラムからNext.jsアプリを起動します。
データセキュリティ
Next.jsに組み込まれたデータセキュリティ機能を学び、アプリケーションのデータを保護するためのベストプラクティスを習得します。
デバッグ
VS Code、Chrome DevTools、またはFirefox DevToolsを使用してNext.jsアプリケーションをデバッグする方法を学びます。
Draft Mode
Next.jsにはドラフトモードがあり、静的ページと動的ページを切り替えることができます。App Routerでの動作方法について学習できます。
環境変数
Next.jsアプリケーションで環境変数を追加し、アクセスする方法について学びます。
フォーム
Next.jsでReact Server Actionsを使用してフォームを作成する方法を学びます。
ISR
Incremental Static Regenerationを使用して、ランタイムで静的ページを作成または更新する方法を学びます。
インストルメンテーション
Next.jsアプリでサーバー起動時にコードを実行するためにインストルメンテーションを使用する方法を学びます
国際化
国際化されたルーティングとローカライズされたコンテンツを使用して、複数の言語のサポートを追加します。
JSON-LD
Next.jsアプリケーションにJSON-LDを追加して、検索エンジンとAIにコンテンツの構造を理解させる方法を学びます。
Lazy Loading
インポートされたライブラリとReact Componentをlazy loadして、アプリケーションの読み込みパフォーマンスを向上させます。
開発環境
Next.jsでローカル開発環境を最適化する方法を学びます。
Next.js MCP Server
実験的な 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を使用してスタイルを適用する方法。
Scripts
組み込みのScriptコンポーネントでサードパーティスクリプトを最適化します。
セルフホスティング
Node.jsサーバー、Dockerイメージ、または静的HTMLファイル(静的エクスポート)でNext.jsアプリケーションをセルフホストする方法を学習します。
SPAs
Next.jsはシングルページアプリケーション(SPA)の構築に完全に対応しています。
静的エクスポート
Next.jsは静的サイトまたはシングルページアプリケーション(SPA)として開始し、その後、サーバーが必要な機能を使用するようにアップグレードすることができます。
Tailwind CSS v3
Tailwind CSS v3を使用してNext.jsアプリケーションをスタイリングし、より広いブラウザサポートを実現します。
テスト
Next.jsで一般的に使用される4つのテストツール(Cypress、Playwright、Vitest、Jest)のセットアップ方法を学びましょう。
サードパーティライブラリ
`@next/third-parties` パッケージを使用してアプリケーション内のサードパーティライブラリのパフォーマンスを最適化します。
アップグレード
Next.jsの最新バージョンへのアップグレード方法を学びましょう。
動画
Next.jsアプリケーションで動画を最適化するための推奨事項とベストプラクティス。