Solid Local Development Guide
Build fine-grained reactive applications with SolidJS and SolidStart, developing locally on the default localhost:3000.
SolidJS is a fine-grained reactive UI library with syntax similar to React (JSX), but without a Virtual DOM, offering excellent update performance. SolidStart is its full-stack meta-framework, providing file routing, SSR, and API routing.
Quick Start (SolidStart)
npm init solid@latest my-solid-app
cd my-solid-app
npm install
npm run devChoose the SolidStart template for full-stack capabilities; if you only need a SPA, you can select the Vite + Solid template.
Default localhost Access
| Purpose | Address |
|---|---|
| SolidStart Development | http://localhost:3000 |
| Vite + Solid SPA | http://localhost:5173 |
You can modify the port in app.config.ts or vite.config.ts.
Common Commands
| Command | Description |
|---|---|
npm run dev | Start the development server |
npm run build | Production build |
npm run start | Run the production server (SolidStart) |
npm run preview | Preview the build (Vite template) |
Features
- Signals drive reactivity, with components rendering only once
- Small bundle size and low runtime overhead
- SolidStart supports SSR, static exports, and edge deployment
Summary
Local development for Solid full-stack projects typically accesses http://localhost:3000, while the pure SPA template is at http://localhost:5173, making it suitable for high-performance interactive interfaces and smooth migration for React developers.