SolidStart 1.0とは？（ソリッドスタートワンドット）意味・特徴をわかりやすく解説

Q: SolidStart 1.0とは？

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リリース。

主な特徴・仕組み

Vinxi基盤: 同チーム開発のUniversal Web Frameworkを基盤、Nitro+Vite統合
SolidJS 1.9対応: SolidJS最新版(2024年Q4 1.9 GA)と完全統合、Reactivity精緻化
SSR/SSG/CSR/PPR切替: ルート単位で4モード自由切替、Static→Dynamic滑らかな遷移
Server Functions: "use server" directive対応、Server-side処理を関数として宣言
File-based Routing: app/ディレクトリベース、Next.js App Router likeな構造
Form Actions: Progressive Enhancement対応、JavaScript無効でも動作するForm
Streaming SSR: React Suspense相当のStreamings、Above-the-fold早期送信
Server-only Routes: API Endpoint宣言、"use server" で型安全な Server Actions
TanStack Router統合: TanStack Routerプラグイン対応、Type-safeルーティング
TanStack Query統合: TanStack Query for SolidJS統合、データfetching最適化
Adapter: Node.js・Vercel・Cloudflare Pages・Netlify・Bun・Deno deploy adapter公式
Hot Module Reload: Vite基盤によるサブ秒HMR、Component-level reload

スペック比較表

項目	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

具体例・対応製品

SolidStart 1.0 GA 2024-04: 公式リリース、Vinxi 0.4基盤、Vite 5+SolidJS 1.9
Vercel Adapter: npm i @solidjs/start vercel-adapter で1行追加で Vercel展開
Cloudflare Pages Adapter: Edge Function動作、グローバル分散デプロイ対応
競合機種: Next.js 15(React 19)、Remix 2.x(React 19)、Astro 5.0(汎用Islands)、Qwik 2.0(Resumability)
Real-world Examples: TanStack Query Doc(SolidJS版)、SolidJS公式 docs サイト、Solid Hack 2024 winners

自作PCでの選び方・注意点

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アプリ開発には強力な選択肢。

よくある質問（FAQ）

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")で大半のユースケースをカバー。

まとめ

SolidStart 1.0 = 2024年4月公開SolidJS Meta-framework GA
Vinxi基盤+SolidJS 1.9+Vite 5、SSR/SSG/CSR/PPR 4モード切替
Server Functions "use server" 対応、TanStack Router/Query統合
Vercel/Cloudflare/Netlify公式Adapter、Bundle Size最小級
Next.js 15・Remix 2.x・SvelteKitの SolidJS版完成形

SolidStart 1.0（ソリッドスタートワンドット）

概要