Menu

ガイド

アナリティクス

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アプリケーションで動画を最適化するための推奨事項とベストプラクティス。