0%

公司动态 · 2026.02.23

文章标题

是一个基于 Vite 的 Web Framework。它以前叫 `vite-plugin-ssr`,后来升级并改名为 Vike。它的定位很明确

文章标题

正文标题

Vike 是什么?

Vike 官方网站 是一个基于 Vite 的 Web Framework。它以前叫 vite-plugin-ssr,后来升级并改名为 Vike。它的定位很明确:

“不像 Next.js / Nuxt 那样全包,而是一个稳定、低锁定(low lock-in)、高度灵活的 SSR/SSG/SPA 框架核心。”

它主要面向:

  • 已经在用 Vite 的团队
  • 不想被框架“绑死”
  • 想自己控制架构
  • 希望 SSR / SSG / SPA 混合使用
  • 不喜欢“魔法式框架”的工程团队

官方甚至直接写了:

“The last framework you'll ever need.” (vike.dev)


它的开发团队是谁?

核心创建者

Vike 的核心作者是:

  • Rom(GitHub ID: brillout

他是:

  • Vike 创始人
  • vike-react 作者
  • 早期 vite-plugin-ssr 作者

官方 Team 页面里,他是 Lead Maintainer。(vike.dev)


团队规模

Vike 不是大公司产品,而是:

  • 小型核心团队
  • 社区驱动
  • MIT 开源
  • 没有 VC 投资

官方首页明确强调:

  • “100% MIT License”
  • “Zero investors” (vike.dev)

这点其实挺关键。

因为很多现代框架(尤其商业化路线)会:

  • 强绑定平台
  • 强绑定云服务
  • 推自己的 hosting
  • 推自己的 runtime

而 Vike 刻意反过来:

  • 不绑定云平台
  • 不绑定 React
  • 不绑定 Node
  • 不绑定后端
  • 不绑定 API 方案

这是它整个哲学的核心。


Vike 的核心理念

Vike 的理念可以总结成一句话:

“Framework Core + Powerful Hooks”

它不像:

  • Next.js(强约束)
  • Nuxt(强 convention)
  • Remix(全栈导向)

Vike 更像:

一个“SSR/SSG/SPA orchestration engine”。

你自己决定:

  • React/Vue/Solid
  • Express/Hono/Fastify
  • REST/GraphQL/RPC
  • SSR/SSG/SPA
  • Node/Bun/Deno/Workers

Vike 只负责:

  • 路由
  • rendering pipeline
  • hydration
  • page lifecycle
  • rendering hooks

(vike.dev)


它最核心的特点(非常重要)

1. SSR / SPA / SSG 可以按页面混合

这是 Vike 最大特色之一。

很多框架:

  • 要么整个项目 SSR
  • 要么整个项目 SPA
  • 要么配置很复杂

而 Vike 可以:

/pages/admin/*
=> SPA

/pages/blog/*
=> SSG

/pages/product/*
=> SSR

甚至是同一个项目混用。(vike.dev)

这是它特别适合:

  • SaaS
  • 后台系统
  • 内容网站
  • 电商
  • hybrid app

的原因。


2. 极低框架锁定(Low Lock-in)

这是它和 Next.js 最大的哲学区别。

Next.js:

  • 强绑定 React
  • 强绑定 App Router
  • 强绑定 RSC
  • 强绑定 Vercel 生态

Vike:

  • React 只是插件
  • Vue 只是插件
  • 甚至可以自己实现 renderer

官方明确强调:

“You can eject vike-react later.” (vike.dev)

也就是说:

  • 你不满意官方 React 集成?
  • 你可以自己接管 rendering。

这在大型工程里非常重要。


3. 非常“少魔法”

很多人用 Next.js 会有一种感觉:

“它自动帮你做了很多事,但出问题时很难 debug。”

Vike 则更接近:

  • 显式配置
  • hooks 驱动
  • 更接近底层

社区评价里反复提到:

“Less magic” “More control” “Better long-term maintainability” (Reddit)

这也是很多资深前端喜欢它的原因。


4. 和 Vite 生态融合非常深

因为它本质上就是:

  • 基于 Vite
  • 围绕 Vite 设计

所以:

  • dev server 很快
  • HMR 很快
  • build pipeline 很轻
  • 插件生态直接继承 Vite

这点比传统 SSR 框架轻很多。


5. 架构非常“Composable”

Vike 不想当“大而全框架”。

它更像:

  • primitives
  • infrastructure
  • rendering layer

例如:

你可以:

  • 接 Hono
  • 接 Express
  • 接 Laravel
  • 接 Java backend

官方直接写:

“Any backend” “Any deployment” “Any runtime” (vike.dev)

这其实非常少见。


它适合什么团队?

很适合

1. 中大型前端工程

尤其:

  • 有架构能力
  • 不喜欢框架限制
  • 生命周期长

2. 从纯 Vite SPA 升级 SSR

很多团队:

  • 原来就是 Vite SPA
  • 不想重写成 Next.js

Vike 是非常自然的升级路径。


3. 希望长期稳定

Vike 最大卖点之一:

“稳定”

官方反复强调:

  • Stable core
  • Extensions evolve independently

也就是:

  • React 升级 ≠ Vike 重写
  • Vue 升级 ≠ 整个生态崩

这其实是在影射:

  • Nuxt 2 -> 3
  • Next Router 演进
  • RSC 大迁移

社区里有人专门提到:

Nuxt 升级痛苦,而 Vike 的解耦架构更稳定。 (Reddit)


它的缺点(很真实)

1. 生态远小于 Next.js

这是最大的现实问题。

Next:

  • 教程多
  • 插件多
  • 官方集成多
  • AI coding 支持更强

Vike:

  • 很工程化
  • 文档偏高级
  • 社区较小

2. 需要更懂架构

Next.js 更像:

“你按我方式写就行。”

Vike 更像:

“你自己决定架构。”

因此:

  • 新手容易懵
  • 决策成本高

3. 很多东西需要自己组装

比如:

  • auth
  • caching
  • data layer
  • deployment

Next 有现成 convention。

Vike 倾向:

  • 给 hooks
  • 你自己实现

和 Next.js 的本质区别

我用一句话总结:

Next.jsVike
产品化框架架构型框架
强 convention强 flexibility
更适合快速统一开发更适合长期复杂工程
“平台生态”思维“基础设施”思维
更像 Rails更像 Express + Vite SSR kernel

现在业内怎么看它?

Vike 在业内属于:

“高级前端圈子里口碑很好,但大众知名度不高”

尤其:

  • React 架构师
  • Vite 深度用户
  • SSR 老手

会比较喜欢它。

社区评价常见关键词:

  • “less magic”
  • “stable”
  • “flexible”
  • “control”
  • “closer to the platform”

(Reddit)


我对它的客观定位

如果你是:

小团队 / 快速业务开发

优先:

  • Next.js
  • Nuxt

因为生态效率更高。


如果你是:

有经验的工程团队

并且:

  • 不喜欢框架锁定
  • 需要长期稳定
  • 已经是 Vite 技术栈
  • 想真正掌控 SSR 架构

那 Vike 非常值得研究。

它其实更像:

“现代版可组合 SSR 基础设施层”。

而不是一个“全家桶框架”。