Next.js (React) でServer Actionの実行結果をキャッシュする
Next.jsのServer Actionsが便利でよく使っている。
fetchのように返り値がキャッシュされてくれると使いやすいのになと思って調べてみたら公式でサポートされていたので備忘を残しておく。
まず、キャッシュを考えない場合。
Page以下のコンポーネントであれば、コンポーネントの引数で必要な箇所まで渡し続けることができるが、
以下のようにレイアウトで使用しているコンポーネントでリソースを取得したい場合、取得したリソースを引数で使い回すことができず、Server