静态站点生成入门
了解静态站点生成如何在构建时预渲染页面,以实现最佳性能和 SEO 效果。
这是一个使用 General Translation 构建的示例应用,用于演示带有 i18n 的静态站点生成。非真实博客。
本站所有页面均在构建时通过 generateStaticParams 为每个支持的语言区域预渲染。无需运行时获取翻译,无加载状态——直接从边缘节点提供即时、完整翻译的 HTML。
了解静态站点生成如何在构建时预渲染页面,以实现最佳性能和 SEO 效果。
在构建时预渲染翻译内容,可消除运行时开销,实现每种语言的页面即时加载。
翻译后的元数据、特定语言区域的 URL 以及预渲染的 HTML,能为搜索引擎提供所需的一切信息。
本站使用 generateStaticParams 在构建时枚举每个语言区域与页面路径的所有组合。Next.js 随后将每个组合预渲染为静态 HTML 文件。
翻译内容通过 GT CLI 提前生成,并以 JSON 文件的形式打包。在构建时,每个语言区域加载其对应的翻译内容并渲染出完整的已翻译 HTML。最终结果是一个每种语言的每个页面都是静态文件的站点,可随时从 CDN 即时提供服务。
结合 generateMetadata,每个语言区域路径还会获得已翻译的页面标题、描述以及 Open Graph 标签,以实现最佳的 多语言 SEO 效果。
了解静态站点生成如何在构建时预渲染页面,以实现最佳性能和 SEO 效果。
在构建时预渲染翻译内容,可消除运行时开销,实现每种语言的页面即时加载。
翻译后的元数据、特定语言区域的 URL 以及预渲染的 HTML,能为搜索引擎提供所需的一切信息。
本站使用 generateStaticParams 在构建时枚举每个语言区域与页面路径的所有组合。Next.js 随后将每个组合预渲染为静态 HTML 文件。
翻译内容通过 GT CLI 提前生成,并以 JSON 文件的形式打包。在构建时,每个语言区域加载其对应的翻译内容并渲染出完整的已翻译 HTML。最终结果是一个每种语言的每个页面都是静态文件的站点,可随时从 CDN 即时提供服务。
结合 generateMetadata,每个语言区域路径还会获得已翻译的页面标题、描述以及 Open Graph 标签,以实现最佳的 多语言 SEO 效果。