Next.js 使用快取處理耗性能的操作

2024年6月29日#Next.js138

AI 翻譯

這篇文章透過AI由簡體中文翻譯成繁體中文。查看原文

AI 生成的摘要

如果應用程式有高性能需求的資料操作，如複雜的資料庫查詢或 API 請求，使用快取以提高性能至關重要。unstable_cache 函數可處理快取資料，如果資料不在快取中，則會調用傳入的資料請求函數來獲取資料並將其快取和返回。不要快取需要身份驗證的資料，建議僅快取公共資料。unstable_cache 是一個不穩定的 API，未來版本可能會變化，具體使用方法可參考官方文檔。

如果您的應用程式有非常耗性能的資料操作，例如複雜的資料庫查詢或 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