說到 Vite，99% 的前端同學都會眼睛一亮——秒開 dev server、閃電般的 HMR、零配置開箱即用。

但今天的主角不是 Vite，而是站在它肩膀上的新晉框架 Vike！

Vike 是一個模塊化 Web 框架，定位為 Next.js 和 Nuxt 的替代品！

什么是 Vike？

Vike = “Vite 之上、Next.js 之外”

它給你服務器渲染（SSR/SSG）的超能力，卻：

• 不綁架路由 —— 想文件路由就文件路由，想自定義就自定義
• 不綁架數據源 —— REST、GraphQL、tRPC、RPC，你愛用啥用啥
• 不綁架部署目標 —— Node、Cloudflare、Vercel、Deno、靜態，一鍵部署
• 隨時 eject —— 不滿意？把整個底層邏輯攤開來隨便改！

Vike 的優勢 & 特性

• 多框架支持：React、Vue、Svelte、Solid 隨你挑，甚至可混用
• 零配置 SSR：頁面文件即路由，自動 SSR/SSG/SPA 切換
• 極致性能：繼承 Vite 的構建速度，代碼分割、預取、流式渲染全都有
• 微前端就緒：官方集成 vite-plugin-federation，遠程組件即插即用
• 生命周期鉤子：onBeforeRender、render、onAfterRender 完全可控
• 部署自由：同一套產物，Node、Edge、Static 想跑哪就跑哪

如何快速上手 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
• 代碼分割
• 預取
• 錯誤邊界
• Helmet 安全頭……

Vike-Photon 正式發布！

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

“Write once, deploy anywhere that runs JavaScript.”

Photon 帶來的超能力：

• 真?邊緣開發：本地跑 workerd，開發即生產，KV、D1、Env 全都能用
• 零配置多平臺：一鍵部署到 Cloudflare、Vercel、Deno、Netlify、Node、Bun
• 按路由拆 Worker：/api 和 /checkout 各跑各的，冷啟更快，計費更省
• 漸進遷移：舊 vike-server 項目 3 條命令即可遷移

Vike 適合哪些場景？

想要 SSR/SSG 但不想被 Next.js 綁架：強烈推薦 | 技術棧自由，隨時 eject

多團隊多框架并行開發：推薦 | 微前端 + 模塊聯邦官方集成

老項目漸進遷移：推薦 | 一頁一頁遷，邊跑邊改

純靜態官網：不推薦 | Vite 足夠

深度依賴 Next 插件生態：三思 | 遷移成本高

結語

Vite 讓你寫得快，Vike 讓你跑得遠！從本地開發到邊緣部署，從單體到微前端，只需一套思維模型。

如果你渴望“SSR 的性能 + 微前端的靈活 + 部署的自由”，不妨把 Vike 加入你的下一次技術選型 —— 它，值得被玩一玩！

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

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