SolidJS - SolidStart

on YouTube ↗28m

" summary

SolidStart is a meta‑framework developed over three years that wires primitives into a flexible stack: it leverages Vinci and Nitro for bundling and server runtime, demonstrates file‑system routing and lazy loading, and shows a working blog demo using unstorage for persistence. Key claims: server functions import as RPC with preserved TypeScript types, form actions and a route cache avoid duplicate fetches, and the server streams preloaded route data to eliminate waterfalls so progressive enhancement (SSR on) works with minimal client JS.

AI-written summary · about

" chapters (11)

1. 0:00Introduction to SolidStart
2. 1:09The Metaframework landscape
3. 3:24SolidStart architecture
4. 5:06Client-side app building
5. 8:10Adding routing and state
6. 10:55API routes and data fetching
7. 14:03Server functions and types
8. 16:29Solving waterfall problems
9. 19:06File system routing
10. 21:41Data caching and actions
11. 25:53Progressive enhancement

" related talks

• 28mSolidJS - SolidStartRyan K Carniato · JSWorld Conference 2024
• 25mSolidStart: A New BeginningDaniel Afonso · JNation 2024
• 21mSolidJS: Getting StartedRyan K Carniato · ViteConf 2022
• 49mSolidStart: The Shape of Frameworks to ComeDaniel Afonso · Porto Tech Hub Conference 2024
• 44mRethinking Isomorphic JavaScript with SolidStartRyan K Carniato · TheJam.dev 2023
• 17mSolidJS: Decomposing the MetaframeworkRyan K Carniato · ViteConf 2023
• 51mSolidJS - Getting StartedRyan K Carniato · HolyJS 2021 Moscow
• 32mTanStack Start: a fresh take on React full-stack applicationsLeonardo Montini · reactjsday 2025