【Next.jsの新時代】ストリーミングとPPR(Partial Pre Rendering)を解説します

  Рет қаралды 6,874

Shin Coding Tutorial

Shin Coding Tutorial

Күн бұрын

Пікірлер: 19
@prabeshstha56
@prabeshstha56 2 ай бұрын
learning japanese and learning next js what a great combo!
@programming_tutorial_youtube
@programming_tutorial_youtube 2 ай бұрын
Thank you
@phono2
@phono2 2 ай бұрын
サーバーサイドの私、今回はフロントエンドの人がいないので仕方がなくnext触り始めていますがsuspense良いですね。ありがとうございますー。
@null776
@null776 2 ай бұрын
勉強になりました。
@MyNameIsT.
@MyNameIsT. 2 ай бұрын
partialはカタカナ読みだとパーシャルじゃないですかね
@programming_tutorial_youtube
@programming_tutorial_youtube 2 ай бұрын
パーシャルでしたか!すみません、、英語気を付けます🥲
@nokky9824
@nokky9824 2 ай бұрын
ちょうど身につけようとしてたところだ…
@林翔太-k9g
@林翔太-k9g 2 ай бұрын
サーバコンポーネントでローディングが実現できるということでもあるのでしょうか?これまで、ローディングのアニメーションはクライアントコンポーネントにしてuseStateで済ますことが多く、Suspenseはあまり使いませんでした。
@programming_tutorial_youtube
@programming_tutorial_youtube 2 ай бұрын
サーバーコンポーネントでのデータフェッチまで時間がかかる際、Suspenceもしくはloading.jsを利用するとフォールバックUI表示ができるのでおすすめです。 クライアントコンポーネントであれば、useStateまたはuseSWRの戻り値にpendingなどがあるので、それを利用すると良いですね。
@林翔太-k9g
@林翔太-k9g 2 ай бұрын
@@programming_tutorial_youtube loading.jsを忘れていました。ありがとうございます。
@uta.8390
@uta.8390 2 ай бұрын
パーシャルの読み方自信なかったから助かった
@programming_tutorial_youtube
@programming_tutorial_youtube 2 ай бұрын
パーシャルみたいですね...すみません。
@sawamuraaaad
@sawamuraaaad 2 ай бұрын
bolt.newの解説をお願いします
@programming_tutorial_youtube
@programming_tutorial_youtube 2 ай бұрын
いいですね!boltは今ホットなAIサービスですからね、、WebサービスのMVP入門辺りで紹介するかもです!
@ねこうま-r2s
@ねこうま-r2s Ай бұрын
suspense使わずにloading.js でフォールバックui 実装した場合、全てのジョブが完了するまで静的な同一 のフォールバックui が表示され続けますか? それとも今回の例のように1秒ごとに実ui に差し替えてくれるのでしょうか、、?
@programming_tutorial_youtube
@programming_tutorial_youtube Ай бұрын
loading.jsの場合はページ単位でフォールバック表示してくれますね。 個別コンポーネントであれば、Suspenceを使うといいですね!
@ねこうま-r2s
@ねこうま-r2s Ай бұрын
ありがとうございます!勉強なります!!
@mm839
@mm839 2 ай бұрын
16:40 台湾発のプラットフォームサービスのURL教えていただけないでしょうか? 概要欄にも貼っていなかったので気になりました。よろしくお願いします!
@programming_tutorial_youtube
@programming_tutorial_youtube 2 ай бұрын
忘れていました....概要欄に記載します!!
【Clerk入門】爆速でユーザー認証機能を実装したい人はClerkがおすすめです
33:42
プログラミングチュートリアル
Рет қаралды 4,4 М.
Next.jsのディレクトリ構成のベストプラクティスを知っていますか?
23:17
プログラミングチュートリアル
Рет қаралды 18 М.
BAYGUYSTAN | 1 СЕРИЯ | bayGUYS
36:55
bayGUYS
Рет қаралды 1,9 МЛН
小丑教训坏蛋 #小丑 #天使 #shorts
00:49
好人小丑
Рет қаралды 54 МЛН
1% vs 100% #beatbox #tiktok
01:10
BeatboxJCOP
Рет қаралды 67 МЛН
Next.js Visually Explained: Partial Pre-rendering (PPR)
11:03
【全エンジニア必見】絶対に学ぶべき技術はコレ!
11:38
エンジニアファースト
Рет қаралды 14 М.
【Cloudflare Workers】Bun+HonoでREST APIを作成① 効果的なhonoルーティングの秘訣
15:05
TypeScriptでフルスタックエンジニアになる
Рет қаралды 1,3 М.
Introduction to Payload - The open-source Next.js backend
13:29
あなたはどのレンダリングパターンを採用しますか?【CSR/SSR/SSG/ISRを図解で解説】
34:32
【完全保存版】Next.js App Routerのベストプラクティスを解説
1:40:34
プログラミングチュートリアル
Рет қаралды 20 М.
Next.js v15の新機能や改善をまとめて紹介
22:25
ムーザルちゃんねる
Рет қаралды 8 М.
Partial Prerender - The Next.js Feature I've Wanted For Years
24:41
Theo - t3․gg
Рет қаралды 45 М.
知らないとあぶない?Next.jsセキュリティの話
15:54
ムーザルちゃんねる
Рет қаралды 10 М.
BAYGUYSTAN | 1 СЕРИЯ | bayGUYS
36:55
bayGUYS
Рет қаралды 1,9 МЛН