是否可以将存储在localStorage或Cookie中的详细信息传递给nextjs中的getStaticPaths和getStaticProps

// 假设我们需要根据用户的偏好来生成页面
// 客户端可以将偏好作为 URL 参数传递
// 例如: /pages/user-preferences?theme=dark

export async function getStaticPaths() {
  // 获取所有可能的参数组合
  const paths = [
    { params: { theme: 'dark' } },
    { params: { theme: 'light' } }
  ];
  return { paths, fallback: false };
}

export async function getStaticProps({ params }) {
  // 根据 URL 参数获取主题
  const { theme } = params;
  // 使用主题来获取数据
  const data = await fetchDataBasedOnTheme(theme);
  return { props: { data } };
}

// 客户端代码
import { useEffect, useState } from 'react';
import axios from 'axios';

function UserPreferences({ initialTheme }) {
  const [theme, setTheme] = useState(initialTheme);

  useEffect(() => {
    // 客户端获取用户偏好
    const storedTheme = localStorage.getItem('theme');
    if (storedTheme) {
      setTheme(storedTheme);
    }
  }, []);

  // ... 其他逻辑
}

export async function getStaticProps() {
  // 获取初始主题，可以是默认值或从服务器获取
  const initialTheme = await fetchInitialTheme();
  return { props: { initialTheme } };
}