コース概要

Next.js 14 の紹介

  • Next.js 14 の新機能は何か?
  • 開発環境の設定
  • Next.js ディレクトリ構造と設定の探索

新しい機能の詳細な調査

  • Middleware とそのユースケースの理解
  • React Server Components の実装
  • パフォーマンス向上のための Edge Functions の使用

フルフィーチャーのアプリケーションを構築する

  • スケーラビリティのために Next.js プロジェクトを構造化する
  • 高度なルーティングと動的ページ
  • React Context とフックを使用した状態管理

パフォーマンスの最適化

  • 読み込み時間と Core Web Vitals の最適化手法
  • 画像の最適化と遅延読み込みのベストプラクティス
  • Next.js アプリケーションのデプロイと監視

トラブルシューティングとデバッグ

  • 一般的な落とし穴とそれを避ける方法
  • 効果的な Next.js アプリケーションのデバッグ
  • 継続的なサポートのために Next.js コミュニティとリソースを利用する

まとめと次なるステップ

要求

  • JavaScript ES6 と React の基本的な理解
  • ウェブ開発の概念とワークフローに精通していること
  • サーバーサイドレンダリングと静的サイト生成の経験があることが望ましい

対象者

  • ウェブ開発者
  • React 開発者
  • テクニカルリードとアーキテクト
 21 時間

参加者の人数


参加者1人当たりの料金

お客様の声 (1)

今後のコース

関連カテゴリー