使用 ISR(增量静态生成)提升页面性能,同时结合缓存优化 API 响应时间

// pages/chat-history/[id].tsx
import { GetStaticProps, GetStaticPaths } from 'next';
import { fetchChatHistory } from '@/lib/api';

export async function getStaticProps({ params }: { params: { id: string } }) {
  const chatHistory = await fetchChatHistory(params.id);

  return {
    props: { chatHistory },
    revalidate: 60 // 每 60 秒自动重新生成
  };
}

export const getStaticPaths: GetStaticPaths = async () => {
  const chatIds = await fetchChatIDs(); // 示例：获取所有历史对话ID
  return {
    paths: chatIds.map((id) => ({ params: { id } })),
    fallback: 'blocking' // 未静态化的路径按需生成
  };
};

export default function ChatHistoryPage({ chatHistory }: { chatHistory: any }) {
  return (
    <div>
      {chatHistory.map((msg: string, index: number) => (
        <p key={index}>{msg}</p>
      ))}
    </div>
  );
}