ちょっと学ぶプログラミング

Next.js Think

サーバーとブラウザの境界、キャッシュや更新の流れを考えます。

サーバーと更新の設計

境界・認可・仮表示・キャッシュ
1実行する場所を見極めるクライアント境界と実行環境を混同しない。初回HTMLと初回表示の整合も確認する。 2他人のデータを削除できてしまう?改変されたIDでも、他人のデータを削除させない。 3保存に失敗したのに「いいね」が増えた?保存失敗時の仮表示と、サーバーの確定値を追う。 4タグの再検証を使い分ける最新値を待つか、古い値を表示しながら再検証するかを判断する。 5保存したのに一覧が古いまま保存・失敗・再検証・移動を分けて追う
教材の前提

初期表示・キャッシュ・Server Actionsによる更新とフォームの状態を予測する応用コース。Next.js Baseを学んだ方向けです。Next.js 16.3.4・React 19.2.0、App Router、Cache Components無効。本番環境と設問の固定条件を前提にします。

← コース一覧へ

Next.js Baseへ

進捗はこのブラウザに保存します。file:// では保存できない場合もありますが、学習は続けられます。