前端新框架:Vike 發布!Vite 之上,Next.js 之外!
說到 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




































