実例で学ぶNext.js App Routerの基礎とベストプラクティス完全マスター講座
Next.js AppRouter開発における基礎とベストプラクティスを網羅的に学べる講座です。ルーティング/コンポーネント/データフェッチ/キャッシュ/レンダリング/メタデータ/ミドルウェアまでこの講座1つで完全マスターできます。
4.48 (67 reviews)
835
students
5 hours
content
Jan 2025
last update
$54.99
regular price
What you will learn
Nextjs App Routerの基礎とベストプラクティスが学べる
AppRouterのルーティングと階層構造の基礎が学べる
コロケーション機能と3つのプロジェクト整理機能が学べる
AppRouterにおけるルーティング設計のベストプラクティスが学べる
Atomic Designの基礎とメリットデメリットが学べる
Bulletproof-Reactの基礎とディレクトリ構成が学べる
クライアントコンポーネント / サーバーコンポーネントの使い分けが理解できる
Client Boundaryについて学べる
Compositionパターンと実装方法が学べる
Nextjsの拡張されたfetch()について理解できる
ORM等を利用した関数でのデータフェッチ方法が学べる
useSWR/tanstackQuery等のサードパーティライブラリを使ったデータフェッチが学べる
並行データフェッチングとメリットと実装方法が学べる
ストリーミングデータフェッチングを実例を通して学べる
App Routerにおけるデータフェッチングのベストプラクティスが分かる
Container / Presentationパターンの意味と実装方法が学べる
キャッシュとは何か？が理解できる
Request Memoizationとは何か？実装方法が学べる
Reactのcache関数の意味と使い道が分かる
Requestのメモ化の仕組みが分かる
Data Cacheフローを図解で理解できる
SWR(stale-while-revalidate)フローを図解で理解できる
Full Route Cacheフローを図解で理解できる
Full Route Cacheの仕組みが理解できる
Router Cacheフローを図解で理解できる
Nextjs App Routerにおけるキャッシュのベストプラクティスが分かる
レンダリングとは何か？が理解できる
Static / Dynamic Renderingが理解できる
Streaming / Partial Pre Rendering(PPR)の概要と実装方法が分かる
メタデータとは何か？が分かる
静的 / 動的メタデータ設定方法が分かる
メタデータのファイル規約や評価順序が分かる
Nextjsの公式ドキュメントの読み方が分かる
Screenshots
6189513
udemy ID
9/18/2024
course created date
11/15/2024
course indexed date
Bot
course submited by