Vike框架发布：Vite与Next.js外的全新选择

如果你期望体验“SSR 极致性能 + 微前端架构灵活性 + 无限制部署自由”的完美结合，不妨将 Vike 列入你的下一个技术备选清单——它绝对值得你花时间深度探索！

提起 Vite，绝大多数前端开发者都会眼前一亮——秒级启动开发服务器、闪电般的模块热更新、零配置开箱即用。

但今天的主角并非 Vite，而是站在它肩膀上的新锐全栈框架 Vike！

Vike 是一个高度模块化的 Web 应用框架，目标直指 Next.js 和 Nuxt 的替代方案！

重新认识 Vike

Vike = “基于 Vite 构建，超越 Next.js 边界”

它赋予你服务端渲染（SSR/SSG）的强大能力，同时保持极致自由：

不强制路由方案——支持文件系统路由，也完全兼容自定义路由配置

不绑定数据源——无论是 REST、GraphQL、tRPC 还是 RPC，完全由你自主选择

不限制部署目标——Node.js、Cloudflare Workers、Vercel、Deno Deploy、静态站点，一键部署任意环境

随时可 eject 底层架构——对默认配置不满意？直接深入核心层按需定制！

Vike 的核心优势与特性

多框架无缝支持：React、Vue、Svelte、Solid 任你挑选，甚至支持多框架混合开发

零配置 SSR 就绪：页面文件自动生成路由，服务端渲染/静态生成/SPA 模式智能切换

极致构建性能：继承 Vite 的超快构建速度，原生支持代码分割、数据预取、流式渲染

微前端就绪架构：最新集成 vite-plugin-federation，远程组件即插即用

完整生命周期钩子：onBeforeRender、render、onAfterRender，精准控制每个渲染环节

部署环境无约束：同一套代码库，轻松部署到 Node.js、边缘运行时、静态托管等任意平台

快速上手 Vike 开发

# 1. 创建项目并选择技术栈（React/Vue/Svelte...） npm create vike@latest cd my-app # 2. 启动开发服务器（自动开启 SSR + HMR） npm run dev # 3. 构建并预览生产版本 npm run build npm run preview

新建项目默认集成：

TypeScript 支持、ESLint 代码规范、自动代码分割、数据预取优化、友好错误边界、HTML 头部安全管理……

Vike-Photon 正式发布！

2025 年 10 月 28 日，Vike 团队推出全新部署利器——Photon！

“一次编写，部署到任何 JavaScript 运行时环境。”

Photon 带来的核心能力升级：

真正的边缘开发体验：本地直接运行 workerd，开发环境完美匹配生产环境，KV 存储、D1 数据库、环境变量全支持

零配置多平台适配：一键部署到 Cloudflare、Vercel、Deno、Netlify、Node.js、Bun 等主流平台

按路由拆分 Worker：/api 和 /checkout 各自独立运行，冷启动更快，资源消耗更经济

平滑迁移路径：现有 vike-server 项目只需 3 条命令即可完成迁移

哪些场景最适合使用 Vike？

需要 SSR/SSG 能力但不希望被 Next.js 约束：强烈推荐 | 技术栈自由选择，随时 eject 底层配置

多团队多框架并行开发：推荐 | 微前端 + 模块联邦最新架构集成

老项目渐进式迁移：推荐 | 逐页迁移，边运行边改造

纯静态站点场景：不推荐 | 直接使用 Vite 更轻量高效

深度依赖 Next.js 插件生态：慎重考虑 | 迁移成本较高

写在最后

Vite 让你开发体验飞起来，Vike 让你应用跑得更远！从本地开发到边缘部署，从单体应用到微前端架构，只需一套统一的思维模型。

如果你渴望实现“SSR 极致性能 + 微前端架构灵活性 + 无限制部署自由”的理想组合，不妨把 Vike 加入你的下一个技术选型——它，绝对值得你认真尝试！

Vike 官网：https://vike.dev/

Vike-Photon：https://github.com/vikejs/vike-photon