コース概要

Next.js 14 の概要

  • Next.js 14 の新機能は何ですか?
  • 開発環境のセットアップ
  • Next.js のディレクトリ構造と構成を調べる

新機能の詳細

  • ミドルウェアとそのユースケースを理解する
  • React サーバー コンポーネントの実装
  • パフォーマンスを向上させるためのエッジ機能との連携

本格的なアプリケーションの構築

  • スケーラビリティを考慮した Next.js プロジェクトの構築
  • 高度なルーティングと動的ページ
  • React コンテキストとフックによる状態管理

パフォーマンスの最適化

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

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

  • よくある落とし穴とその回避方法
  • Next.js アプリケーションを効果的にデバッグする
  • Next.js コミュニティとリソースを継続的なサポートに活用する

概要と次のステップ

要求

  • JavaScript ES6 と React の基本をしっかりと理解する
  • Web 開発の概念とワークフローに精通していること
  • サーバーサイドレンダリングと静的サイト生成の経験があれば尚可

観客

  • ウェブ開発者
  • React 開発者
  • 技術リーダーとアーキテクト
 21 時間

参加者の人数



Price per participant

お客様の声 (7)

関連コース

関連カテゴリー