Vite 项目的 SSG 与预渲染：vike、路由预渲染与静态分发
在 Vite 项目里落地 SSG 与预渲染：SPA 空 HTML 的 SEO 短板、CSR/SSR/SSG/ISR 的渲染谱系、vike 与 vite-plugin-ssr 的静态模式、路由预渲染脚本、构建期数据获取与注入、动态 meta 与 JSON-LD、sitemap 与 robots 生成、静态产出的 CDN 分发、增量重建与高频陷阱清单。
tag
Ssg
共 6 篇文章。
SSR/SSG 渲染模式全景：Next.js App Router、流式渲染与岛屿架构
引言 渲染模式决定了用户看到第一个字节的速度、SEO 的可见性与服务器的成本。CSR、SSR、SSG、ISR 各有适用边界，Next.js App Router 的 React Server Components 与流式渲染又进一步模糊了传统分类。本文系统梳理渲染模式全景，深入 Next.js、Nuxt、Astro 等框架的实现机制，并给出按业务场景的选型建议。
Nuxt.js 完全指南：Vue 全栈框架的 SSR、SSG、API 路由与部署实践
Nuxt.js 3 深度实践：文件系统路由、SSR/SSG/ISR 渲染模式、API 路由（Server Routes）、useFetch/useAsyncData 数据获取、中间件与插件、SEO 与 Meta 管理、Nitro 服务端引擎、自动导入、部署到 Vercel/Netlify/Node.js。
Vercel 部署 Astro 与 SvelteKit 实战：内容站点与交互应用上云指南
详解 Astro Islands 架构和 SvelteKit 在 Vercel 上的部署：Astro 静态/SSR/混合模式选择、Vercel Adapter 配置、SvelteKit Edge vs Node 运行时、图片优化与性能调优。附两种框架的完整部署配置。
Vercel 部署 Nuxt.js (Vue) 实战：SSR / SSG / Nitro 全栈上云指南
详细讲解如何在 Vercel 上部署 Nuxt.js + Vue 3 项目：SSR 与 SSG 模式选择、Nitro Server 路由配置、环境变量、Vercel Functions 适配、图片与缓存优化。附完整代码和部署验证命令。
第 4 章：现代 Web 渲染模型全景
深入理解现代 Web 渲染策略：CSR、SSR、SSG、ISR、RSC 的原理、优缺点和适用场景，掌握如何在 Next.js 中选择合适的渲染模式，实现最佳的性能和用户体验。