前端新框架：Vike 發(fā)布！Vite 之上，Next.js 之外！
說(shuō)到 Vite，99% 的前端同學(xué)都會(huì)眼睛一亮——秒開(kāi) dev server、閃電般的 HMR、零配置開(kāi)箱即用。
但今天的主角不是 Vite，而是站在它肩膀上的新晉框架 Vike！
Vike 是一個(gè)模塊化 Web 框架，定位為 Next.js 和 Nuxt 的替代品！
什么是 Vike？
Vike = “Vite 之上、Next.js 之外”
它給你服務(wù)器渲染（SSR/SSG）的超能力，卻：
- 不綁架路由 —— 想文件路由就文件路由，想自定義就自定義
- 不綁架數(shù)據(jù)源 —— REST、GraphQL、tRPC、RPC，你愛(ài)用啥用啥
- 不綁架部署目標(biāo) —— Node、Cloudflare、Vercel、Deno、靜態(tài)，一鍵部署
- 隨時(shí) eject —— 不滿意？把整個(gè)底層邏輯攤開(kāi)來(lái)隨便改！
Vike 的優(yōu)勢(shì) & 特性
- 多框架支持：React、Vue、Svelte、Solid 隨你挑，甚至可混用
- 零配置 SSR：頁(yè)面文件即路由，自動(dòng) SSR/SSG/SPA 切換
- 極致性能：繼承 Vite 的構(gòu)建速度，代碼分割、預(yù)取、流式渲染全都有
- 微前端就緒：官方集成 vite-plugin-federation，遠(yuǎn)程組件即插即用
- 生命周期鉤子：onBeforeRender、render、onAfterRender 完全可控
- 部署自由：同一套產(chǎn)物，Node、Edge、Static 想跑哪就跑哪
如何快速上手 Vike？
# 1. 腳手架挑技術(shù)棧（React / Vue / Svelte...）
npm create vike@latest
cd my-app
# 2. 起開(kāi)發(fā)服務(wù)器（自帶 SSR + HMR）
npm run dev
# 3. 構(gòu)建 & 本地預(yù)覽生產(chǎn)產(chǎn)物
npm run build
npm run preview默認(rèn)開(kāi)箱自帶：
- TypeScript
- ESLint
- 代碼分割
- 預(yù)取
- 錯(cuò)誤邊界
- Helmet 安全頭……
Vike-Photon 正式發(fā)布！
2025 年 10 月 28 日，Vike 團(tuán)隊(duì)推出全新部署利器 —— Photon！
“Write once, deploy anywhere that runs JavaScript.”
Photon 帶來(lái)的超能力：
- 真?邊緣開(kāi)發(fā)：本地跑 workerd，開(kāi)發(fā)即生產(chǎn)，KV、D1、Env 全都能用
- 零配置多平臺(tái)：一鍵部署到 Cloudflare、Vercel、Deno、Netlify、Node、Bun
- 按路由拆 Worker：/api 和 /checkout 各跑各的，冷啟更快，計(jì)費(fèi)更省
- 漸進(jìn)遷移：舊 vike-server 項(xiàng)目 3 條命令即可遷移
Vike 適合哪些場(chǎng)景？
想要 SSR/SSG 但不想被 Next.js 綁架：強(qiáng)烈推薦 | 技術(shù)棧自由，隨時(shí) eject
多團(tuán)隊(duì)多框架并行開(kāi)發(fā)：推薦 | 微前端 + 模塊聯(lián)邦官方集成
老項(xiàng)目漸進(jìn)遷移：推薦 | 一頁(yè)一頁(yè)遷，邊跑邊改
純靜態(tài)官網(wǎng)：不推薦 | Vite 足夠
深度依賴 Next 插件生態(tài)：三思 | 遷移成本高
結(jié)語(yǔ)
Vite 讓你寫得快，Vike 讓你跑得遠(yuǎn)！從本地開(kāi)發(fā)到邊緣部署，從單體到微前端，只需一套思維模型。
如果你渴望“SSR 的性能 + 微前端的靈活 + 部署的自由”，不妨把 Vike 加入你的下一次技術(shù)選型 —— 它，值得被玩一玩！
Vike 官網(wǎng)：https://vike.dev/
Vike-Photon：https://github.com/vikejs/vike-photon
