【完全保存版】Next.js App Routerのベストプラクティスを解説

#入門 #プログラミング #nextjs #react #appRouter #cache #rendering #webエンジニア

00:00 イントロ
01:46 コンポーネント
04:52 ServerComponent
11:59 注意点
15:41 データフェッチ
18:27 ORM等を利用した関数
22:12 サードパーティライブラリ
29:04 Container / Presentationパターン
35:01 並行データフェッチング
40:06 キャッシュ
42:35 Request Memoization
53:34 Data Cache
1:03:32 Full Route Cache
1:09:26 Router Cache
1:22:23 レンダリング
1:38:38 おわりに

今回の参考文献👇
Next.js公式：https://nextjs.org/
Next.jsの考え方：https://zenn.dev/akfm/books/nextjs-ba...
PPR：https://zenn.dev/akfm/articles/nextjs...
レンダリングの仕組み：https://zenn.dev/oreo2990/articles/28...

今回のマインドマップはこちら👇
https://www.mindmeister.com/app/map/3...

【さらに詳しく学びたい方へ。Udemy90%割引クーポン発行中🚀】
↓↓↓↓↓
http://shincode.info/2021/12/31/udemy...

＼ShinCode_Camp開校しました／
プログラミング講座＆副業・起業が学べるプラットフォーム🚀
🎁月額2500円でWebプログラミング全講座が見放題
🎁分からない箇所は質問し放題
🎁7日間無料キャンペーン実施中
🎁定期的にお仕事・副業の発注
🎁ShinCodeと1対1で話せる
🎁コミュニティ機能付き
↓↓↓↓↓
https://code-s-school-5bc2.thinkific....

【ShinCode for Business】
Webサイト制作/Webアプリケーション開発も請け負っております。
ご相談は[email protected]またはXのDMまでお待ちしております。
-----------------------------------------------------------------------------------------------------------------------------
おすすめWeb系IT企業はこちら ↓

株式会社WorldHacks（ワールドハックス）
【HP】https://worldhacks.co.jp
【X】  / worldhacks20220324…  
採用も拡大中のため、HPやWantedlyの採用基準をご覧の上ご応募ください。

社長の紹介
森下浬（もりしたかいり）
【X】  / kairi_morishita  
株式会社WorldHacks代表取締役。
日本体育大学体育学部卒。完全未経験からエンジニアに転職後、株式会社WorldHacksを設立。現在はWeb、アプリの受託開発をメインで行っており、新規のサービス立ち上げから既存サービスの保守運用まで業界問わず様々な企業様の開発を支援。
-----------------------------------------------------------------------------------------------------------------------------
【この動画を視聴するメリット】
・Next.js App Routerのベストプラクティスが分かる
・コンポーネント/データフェッチング/キャッシュ/レンダリングのNext.jsの最適解が学べる

【信頼性】
・Udemy講師
・講師レビュー評価94.6%
・Udemy受講生延べ3000人突破
・Webアプリ/サイト開発数：200以上
・生きがい：プログラミングでサイトやアプリを作ること

★チャンネル登録はこちらから★
   / @programming_tutorial_youtube  

★今回のソースコード★
なし

★運営者SNS★
Twitter：  / shin_engineer  

★この動画で使用している機材★
キーボード(Keychron K6 赤軸)：https://amzn.to/3F4zca5
マウス(Logicool G ロジクール G ゲーミングマウス)：https://amzn.to/3DZaaYB
マイク(サンワダイレクト USBマイク PCマイク)：https://amzn.to/30AVwJF
マイクスタンド(Luling Arts マイクスタンド マイクアーム スタンド)：
https://amzn.to/3se5onZ
※アフィリエイトリンクになります。