Vinxi（ヴィンキ）
2024年Nikhil Saraf公開のUniversal Web App Framework。Nitro+Vite+Custom Router統合+SolidStart基盤+Multi Application Support+Server Components対応。
概要
Vinxiは2024年にNikhil Saraf(BrillsoutおよびSolidStart Core寄稿者)が公開した、Universal Web Application Framework。SolidStart 1.0の基盤として正式採用され、Vue/React/Solid等任意のFrontend Frameworkで動作するMeta-framework的Underlying Framework。Vite 5+Nitro(Server Engine)+Custom Routerを統合し、SSR/SSG/CSR/Server Functions/Streaming等のMeta-framework機能をプラグインとして提供。SolidStart・Vike(Server Rendering for Vite)・Tanstack Start(2024年12月Beta開始)等のMeta-frameworkがVinxiを採用しており、Frontend Frameworkに依存しない「下位レイヤー Meta-framework Builder」として位置づけられる。GitHub上でMIT License公開、Open Sourceで開発が継続している。
主な特徴・仕組み
- Universal設計: React/Vue/Solid/Svelte等任意のFrontend Frameworkで動作
- Vite 5+Nitro統合: 開発環境はVite、Production BuildはNitroで動的Routing・SSR
- Custom Router: 独自Routerを実装可能、TanStack Router/SolidRouter等選択
- Multi Application Support: 1プロジェクト内で複数Web Application共存
- Server Components: React Server Components/Server Functions相当の機能をプラグイン化
- File-based Routing: app/routes/ディレクトリベース、または手動Router設定可能
- Streaming SSR: React Suspense相当のStreaming、Above-the-fold早期送信
- Adapter System: Node.js・Vercel・Cloudflare・Netlify・Bun・Deno等の公式Adapter
- Plugin Architecture: 機能をプラグインで追加、Meta-framework作者が独自拡張可能
- TanStack Start基盤: 2024年12月Beta開始のTanStack Start も Vinxi基盤
- Edge Runtime対応: Cloudflare Workers/Vercel Edge Functions等で動作
スペック比較表
| 項目 | Vinxi | Nitro | Vite 5 | TanStack Start (Vinxi基盤) |
|---|---|---|---|---|
| 役割 | Meta-framework Builder | Server Engine | Build Tool | Meta-framework |
| 基盤 | Vite+Nitro+Router | UnJS Stack | Rollup+esbuild | Vinxi |
| Frontend Framework | 任意 | 任意 | 任意 | React |
| Routing | Plugin式 | Manual | × | TanStack Router |
| SSR/SSG | ○ Plugin式 | ○ | × (Plugin必要) | ○ |
| Adapter | 6種公式 | 12種公式 | × | 6種(Vinxi継承) |
| 採用例 | SolidStart/TS Start | Nuxt 3/Analog/Astro | 大半のWeb App | (新興) |
| Stars (2026-05) | 1.5K | 4K | 70K+ | 5K (Beta) |
具体例・対応製品
- Vinxi 0.4 GA: 2024年4月リリース、SolidStart 1.0公式採用版
- SolidStart 1.0: SolidJSコアチーム公式Meta-framework、Vinxi完全採用
- TanStack Start (Beta): 2024年12月公開、Tanner Linsley氏のReact Meta-framework
- Vike (Server Rendering for Vite): Vinxi採用検討中、独自実装併用
- 競合機種: Nitro(Server Engine単体)、Astro 5(Independent Astro Engine)、Next.js 15(独立フルスタック)
自作PCでの選び方・注意点
VinxiはMeta-framework作者向けの「下位レイヤーBuilder」で、一般的なWebアプリ開発者が直接利用するケースは少ない。SolidStart 1.0/TanStack Start等のMeta-framework経由で間接的に利用する形が主流。特殊用途として、Multi Application Support機能を活用して、1プロジェクト内で複数のWebアプリを統合管理したい場合(モノレポ的な構成)に直接Vinxiを採用する選択肢がある。Frontend Framework選択の自由度が高く、React/Vue/Solid/Svelteすべてで動作可能で、特定Frameworkにロックインされたくないチームに有効。一方、エコシステム規模はNext.js 15(60K Stars)・Nuxt 3(50K Stars)に大きく劣り、コミュニティサポートはSolidStart Discordチャンネル中心。日本国内採用例はほぼなく、英語圏の先進的Web開発者コミュニティで議論される位置づけ。Adapter経由でVercel/Cloudflare等の主要Hosting対応は完備されており、Production運用に技術的問題はない。
関連用語との違い
Nitroとの違い: NitroはServer Engine単体(Nuxt 3基盤)、VinxiはNitro+Vite+Routerの統合Framework。NitroはServer-side専用、VinxiはFull-stack Meta-framework Builder。 SolidStart 1.0との違い: VinxiはBuilder/Underlying Framework、SolidStart 1.0はそれを使ったMeta-framework。Next.js for React相当のSolidStartに対し、Vinxiは Next.js のRouter+Webpackレイヤー相当。
よくある質問（FAQ）
Q1: Vinxiを直接使ってWeb App開発できる？ A: 可能だが推奨されない。SolidStart 1.0/TanStack Start等のMeta-framework経由が大半のユースケースに適合。Vinxi直接利用は、独自Meta-framework構築・特殊なMulti App構成のみ。
Q2: Vinxi vs Nitroの選択基準は？ A: フルスタックWeb App構築 → Vinxi(Meta-framework Builderとして)。Server-only API/SSR Engine単体利用 → Nitro。Nuxt 3を使うなら Nitro 自動選択、SolidStart/TanStack Startを使うなら Vinxi 自動選択。
Q3: Vinxi基盤のMeta-framework一覧は？ A: SolidStart 1.0(SolidJS公式)、TanStack Start(Tanner Linsley、Beta)、独自Meta-framework構築者数十(2026年現在)。Vue/Svelte向けの公式Meta-framework は未登場、コミュニティ実装段階。
まとめ
- Vinxi = 2024年公開Universal Web App Framework
- Vite 5+Nitro+Custom Router統合のMeta-framework Builder
- SolidStart 1.0/TanStack Start公式基盤、Multi Application Support
- React/Vue/Solid/Svelte等任意Frontend Framework対応
- Meta-framework作者向け下位レイヤー、直接利用は限定的