Next.jsを使用して、パフォーマンスの低い操作をキャッシュ処理する

2024年6月29日#Next.js141

AI 翻訳

この記事はAIを通じて中国語から日本語に翻訳されました。原文を表示

AI が生成した要約

如果你的应用程序有耗性能的数据操作，使用缓存来提高性能很重要。unstable_cache 函数处理缓存数据，如果数据不在缓存中，则调用数据请求函数来获取数据并缓存。不要缓存需要身份鉴权的数据，仅缓存公共数据。unstable_cache 是不稳定的 API，可能会在未来版本中发生变化。

import { getUser } from './data';
import { unstable_cache } from 'next/cache';
 
const getCachedUser = unstable_cache(
  async (id) => getUser(id),
  ['my-app-user']
);
 
export default async function Component({ userID }) {
  const user = await getCachedUser(userID);
  // ...
}

unstable_cache 関数は、キャッシュデータを処理するための関数を返します。データがキャッシュに存在しない場合、渡されたデータリクエスト関数を呼び出してデータを取得し、取得したデータをキャッシュして返します。

注意：認証が必要なデータをキャッシュしないでください。公共データのみをキャッシュするのが良い方法です。

unstable_cache は不安定な API であり、将来のバージョンで変更される可能性があります。具体的な使用方法については、公式ドキュメントを参照してください。

Next.js バージョン：v14.0.0