Oracle Cloud Hangout Cafe8 #2 基礎から学ぶ Next.js
-
OracleDev_JP
- 678
- 0
- 0
- 0
-
- いいね！0
sumiren
@sumiren_t
CCとRSCの違いとかWhyまで説明しようとすると難しいよな...ちなみに動的レンダリングになるかどうかはキャッシュの機能と紐づいているので、cookieとか使わなくてもpage.tsxでexport const revalidate = falseしてしまえば動的レンダリングになる nextjs.org/docs/app/api-r… #ochacafe
2024-03-06 20:30:02
sumiren
@sumiren_t
CCとRSCの違いとかWhyまで説明しようとすると難しいよな...ちなみに動的レンダリングになるかどうかはキャッシュの機能と紐づいているので、cookieとか使わなくてもpage.tsxでexport const revalidate = 0してしまえば動的レンダリングになる nextjs.org/docs/app/api-r… #ochacafe
2024-03-06 20:30:38
中川聡也
@xiombatsg
確かに App Router が基礎？ かというと。。。 #ochacafe twitter.com/sumiren_t/stat…
2024-03-06 20:34:33
こたつ&&みかん
@kota2and3kan
「ページ遷移はしてないけど URL が変わる」っていうの、ちょっと不思議な感覚がするけど、おもしろい。 #ochacafe
2024-03-06 20:38:03
中川聡也
@xiombatsg
そういえばfetch の件で、デフォルトがキャッシュ使われているって話 fetchCache を default-no-store にすれば良いんじゃないかな？デフォルト設定いじってなさそうだし nextjs.org/docs/app/api-r… #ochacafe
2024-03-06 20:38:13
sumiren
@sumiren_t
App Routerにディープダイブしてるのでドヤ顔でうんちく語りたくなる気持ちもあるが、たまにフレームワークってディープダイブするものだっけと我に返るときがある #ochacafe
2024-03-06 20:39:45
Takuya Niita
@takuya_0301
これがJekyll製！！ oracle-japan.github.io/ocitutorials/ (OCIチュートリアルはJekyllを辞めたいのは内緒...) #ochacafe
2024-03-06 20:44:01
中川聡也
@xiombatsg
Nuxt.js Server Components も対応(※開発途中） ISR とかもう動くよーGAしていないだけ #ochacafe
2024-03-06 20:44:03
中川聡也
@xiombatsg
Nuxt.jsのServer Component のちょっと嫌なところはファイル名に .server. つけるところ。。。 #ochacafe
2024-03-06 20:48:20
koichik
@koichik
Client Componentsはクライアント「でも」サーバでもレンダリングされます（つまりSSRもされます） Server Componentsはサーバ「だけ」でレンダリングされます #ochacafe
2024-03-06 20:50:21
hmatsu47(まつ)
@hmatsu47
（静的解析でしくじって赤くなってるのがアレですが）実際に手元で動かしてみるとOCIのAPI Gatewayに対する（ストロングスタイル（？）なデータの）fetchはブラウザからじゃなくてdev serverを介して飛んでるのがわかる。 #ochacafe pic.twitter.com/7XtFc6XYl5
2024-03-06 21:00:15
拡大
koichik
@koichik
そういえば… Next.js App Routerのキャッシュは4種類あるのですが、ビルドを超えて使い回されるのはFull Route Cacheというレンダリングされた結果（HTML等）のキャッシュだけになります fetchの結果はData Cacheにキャッシュされますが、こちらはビルドの際にクリアされます #ochacafe
2024-03-06 23:04:45
koichik
@koichik
静的レンダリングではRSC（Server Components）の実行結果（RSCペイロード）もキャッシュされます（つまり静的） RSCペイロードもHTMLと同じくFull Route Cacheに保存されます（つまりビルドでクリアされない） #ochacafe リアルタイムでツイートするのが苦手で今頃思い出した😅
2024-03-06 23:04:45
koichik
@koichik
記憶を捏造していたけれど、ビルドをまたいで引き継がれるのがfetchで使われるData Cache、ビルドでクリアされるのがレンダリング結果で使われるFull Route Cacheの間違いでした！ ソースを修正すると反映しなきゃいけないのはレンダリング結果の方だから当然なのに…😭 thx @takepepe #ochacafe
2024-03-06 23:35:50
中川聡也
@xiombatsg
おーこれは学びが多いやりとり #ochacafe twitter.com/koichik/status…
2024-03-07 07:02:22
koichik
@koichik
これSPA（CSR）ではTTFB的なところは速くなるということを言いたいんだと思うけど、LCPはずっと遅くなるわけで、それを「初回表示が速くなる」とは言わないと思うけどなー speakerdeck.com/sumiren/fronte…
2024-03-06 18:49:15