2024年SolidJS公開のMeta-framework GA。Vinxi基盤+SSR/SSG/CSR/PPR対応+Server Functions+Routing+TanStack Query統合搭載。
SolidStart 1.0は2024年4月にSolidJSコアチーム(Ryan Carniato氏率いる)が発表したMeta-framework 1.0 General Availability版で、長期Beta期間を経て正式リリース。SolidJS 1.x向けの公式Meta-framework(Next.js for React相当)で、Vinxi(Universal Web Application Framework)を基盤として、SSR(Server-side Rendering)・SSG(Static Site Generation)・CSR(Client-side Rendering)・PPR(Partial Pre-rendering)の4モード自由切替を実現。Server Functions("use server" directive対応)・File-based Routing・Form Actions・Streaming SSRなど現代Meta-frameworkの主要機能を網羅。React Server Components(RSC)実装に向けた基盤も用意され、SolidJSエコシステムの完成度を一段階引き上げた象徴的な1.0リリース。
"use server" directive対応、Server-side処理を関数として宣言"use server" で型安全な Server Actions| 項目 | SolidStart 1.0 |
|---|
| Next.js 15 |
|---|
| Remix 2.x |
|---|
| Astro 5.0 |
|---|
| ベースFramework | SolidJS 1.9 | React 19 | React 19 | Astro Components |
| Bundler | Vinxi+Vite 5 | Turbopack/Webpack | Vite 5 | Vite 6 |
| Routing | File-based | File-based App Router | File-based | File-based |
| SSR/SSG/CSR | ○ 4モード | ○ App Router | ○ Loader/Action | ○ Islands |
| Server Functions | ○ "use server" | ○ "use server" | × (Action代替) | × |
| Streaming | ○ Suspense | ○ React.Suspense | × (defer) | × |
| Server Components | × (検討中) | ○ RSC GA | × | × (Islands) |
| Bundle Size | 小 (SolidJS基盤) | 中 (React基盤) | 中 (React基盤) | 極小 (Islands) |
| 開発元 | SolidJS Team | Vercel | Shopify | Astro Team |
npm i @solidjs/start vercel-adapter で1行追加で Vercel展開SolidStart 1.0はSolidJS開発者にとって長らく待たれた公式Meta-framework GA(General Availability)版で、Next.js 15(React)・Remix 2.x(React)・SvelteKit(Svelte)に並ぶ「SPA Framework + Meta-framework」のセットがついに完成。SolidJSの優位点(Bundle Size最小・Reactivity精緻・Pure JSXのまま動作)を活かしつつ、SSR/SSG/CSRの全要件を満たすFull-stack Meta-frameworkとして商用採用の準備が整った。Server Functionsの"use server"は React 19/Next.js 15と同じ DX(Developer Experience)で、SolidJSコードからシームレスに Server-side処理を呼び出せる。Vercel/Cloudflare/Netlify等主要Hostingサービスへの公式Adapter完備。React Server Components(RSC)対応はまだ検討中で、現時点ではNext.js 15 RSCのような「Server-only Component」は不可能。一方、SolidJSのReactivityモデルがそのままServer Functionsで活用でき、データfetchingの設計はTanStack Query for SolidJSとの相性が抜群。日本国内のSolidJS採用例は限定的だが、Bundle Size最優先のWebアプリ開発には強力な選択肢。
SolidJS 1.9との違い: SolidJS 1.9はライブラリ(React/Vue相当)、SolidStart 1.0はMeta-framework(Next.js/Nuxt相当)。SSR/SSG/Routing/Server Functions等のFull-stack機能を提供する関係。 Next.js 15との違い: Next.js 15はReact 19+RSC、SolidStart 1.0はSolidJS 1.9+Server Functions(RSCではない)。Bundle Sizeで SolidStartが圧倒的優位、エコシステム規模ではNext.jsが圧倒的優位。
Q1: SolidStart 1.0と SolidJS 1.9はどう違う? A: SolidJSはReact/Vue相当のUI Library、SolidStartはNext.js相当のMeta-framework。SolidStartはSolidJS+File Routing+SSR+Server Functions+Vinxiを統合したパッケージ。Next.jsとReactの関係に近い。
Q2: Next.js 15からSolidStart 1.0に移行する価値は? A: Bundle Sizeを劇的削減(10-30%)できる場合、低スペックデバイス対応や検索エンジン速度評価の改善目的で価値あり。一方、エコシステム規模・人材確保・RSC対応はNext.js優位で、慎重に判断すべき。
Q3: SolidStart 1.0でReact Server Componentsは使える?
A: 2026年5月時点で未対応。SolidJSコアチームはRSC実装を検討中だが、SolidJSのReactivity ModelとRSCの整合性課題で時間を要する。代替としてServer Functions("use server")で大半のユースケースをカバー。
"use server" 対応、TanStack Router/Query統合