100 lines
3.3 KiB
TypeScript
100 lines
3.3 KiB
TypeScript
import type { Metadata } from 'next';
|
||
import { getSEOConfig } from '../../../lib/seo-config';
|
||
import NewsPageWrapper from '../../components/news/NewsPageWrapper';
|
||
|
||
// 静态生成时获取文章数据
|
||
async function getStaticNewsData(locale: string) {
|
||
// 检查是否为静态导出模式
|
||
const isStaticMode = process.env.BUILD_MODE === 'static';
|
||
|
||
if (isStaticMode) {
|
||
try {
|
||
const { getStaticArticles, getStaticCategories } = await import('../../../lib/static-data');
|
||
const mappedLocale = locale === 'zh' ? 'zh-CN' : locale as 'zh-CN' | 'zh-TW' | 'en';
|
||
const articles = getStaticArticles(mappedLocale);
|
||
const categories = getStaticCategories(mappedLocale);
|
||
|
||
console.log(`[Static Build] Loaded ${articles.length} articles for locale ${mappedLocale}`);
|
||
return { articles, categories };
|
||
} catch (error) {
|
||
console.error('Error loading static data:', error);
|
||
return { articles: [], categories: [] };
|
||
}
|
||
}
|
||
|
||
// 在开发模式或运行时模式，返回null让客户端组件自己获取数据
|
||
return null;
|
||
}
|
||
|
||
// Generate static params for supported locales
|
||
export async function generateStaticParams() {
|
||
return [
|
||
{ locale: 'zh' },
|
||
{ locale: 'zh-CN' },
|
||
{ locale: 'zh-TW' },
|
||
{ locale: 'en' },
|
||
];
|
||
}
|
||
|
||
// Generate metadata for the news page
|
||
export async function generateMetadata({
|
||
params: { locale },
|
||
}: {
|
||
params: { locale: string };
|
||
}): Promise<Metadata> {
|
||
const language = locale === 'zh' ? 'zh-CN' : locale === 'zh-CN' ? 'zh-CN' : locale === 'zh-TW' ? 'zh-TW' : 'en';
|
||
const seo = getSEOConfig('news', language);
|
||
|
||
return {
|
||
title: seo.title,
|
||
description: seo.description,
|
||
keywords: seo.keywords,
|
||
openGraph: {
|
||
title: seo.openGraph?.title,
|
||
description: seo.openGraph?.description,
|
||
type: seo.openGraph?.type as any,
|
||
images: seo.openGraph?.images,
|
||
},
|
||
twitter: {
|
||
card: seo.twitter?.card as any,
|
||
title: seo.twitter?.title,
|
||
description: seo.twitter?.description,
|
||
images: seo.twitter?.images,
|
||
},
|
||
alternates: {
|
||
canonical: locale === 'zh' ? '/news' : `/${locale}/news`,
|
||
languages: {
|
||
'zh-CN': '/news',
|
||
'zh-TW': '/zh-TW/news',
|
||
en: '/en/news',
|
||
},
|
||
},
|
||
};
|
||
}
|
||
|
||
export default async function NewsPage({ params: { locale } }: { params: { locale: string } }) {
|
||
// 获取静态数据（如果是静态模式）
|
||
const staticData = await getStaticNewsData(locale);
|
||
|
||
// 在静态模式下，确保数据被正确传递
|
||
if (staticData) {
|
||
console.log(`[NewsPage] Passing ${staticData.articles.length} articles to wrapper component`);
|
||
}
|
||
|
||
return (
|
||
<>
|
||
{/* 将数据序列化为JSON并嵌入页面，供客户端组件使用 */}
|
||
{staticData && (
|
||
<script
|
||
id="initial-news-data"
|
||
type="application/json"
|
||
dangerouslySetInnerHTML={{
|
||
__html: JSON.stringify(staticData)
|
||
}}
|
||
/>
|
||
)}
|
||
<NewsPageWrapper locale={locale} initialData={staticData} />
|
||
</>
|
||
);
|
||
}
|