SolidStep

Next Solid Step towards a more performant web - A full-stack SolidJS framework for building modern web applications with file-based routing, SSR, and built-in security.

Features

• 🌟 Built on SolidJS and Vite - Leverage the power of SolidJS for reactive and efficient UIs
• 🚀 File-based Routing - Automatic routing based on your file structure
• ⚡ Server-Side Rendering (SSR) - Fast initial page loads with full SSR support
• 🔄 Data Loading - Built-in loaders for efficient data fetching
• 🎨 Layouts & Groups - Nested layouts and parallel route groups
• 🛡️ Security First - Built-in CSP, CORS, CSRF, and cookie utilities
• 🎯 Server Actions - Type-safe server functions with automatic serialization
• ⚙️ Middleware Support - Request/response interceptors
• 📦 Caching - Built-in page-level caching
• 📝 TypeScript - Full TypeScript support out of the box
• 📊 Built-in Logging - Configurable Pino logger for logging
• 🌐 Fetch Utilities - Type-safe fetch wrappers with timeout and error handling for both client and server

Quick Start

[npx | yarn dlx | pnpm dlx | bunx] @varlabs/create-solidstep@latest my-app
cd my-app
[npm | yarn | pnpm | bun] install
[npm | yarn | pnpm | bun] run dev

This scaffolds a new SolidStep app and starts the dev server. Requires Node >= 20.

Documentation

Full documentation lives in the docs/ directory of the GitHub repository.

Guides

• Getting Started — create a project, special files, configuration, project structure.
• Routing — pages, layouts, group routes, dynamic & parallel routes.
• Data Loading — defineLoader and typed loader data.
• Server Actions & Forms — server functions, <Form>, useActionState, useFormStatus.
• Metadata — SEO metadata with generateMeta / meta().
• Middleware — request/response interceptors.
• Instrumentation — observability hooks and OpenTelemetry.
• Caching — page-level caching and invalidation.
• API Routes — REST endpoints and server assets.
• Security — cookies, CORS, CSP, CSRF, redirects, error handling, server-only code.
• Utilities — logging, fetch wrappers, preloading strategies.
• Assets & Environment — fonts, images, environment variables.

Reference & Operations

• Architecture — request lifecycle, streaming SSR, hydration, serialization.
• API Reference — every public solidstep/... import.
• Deployment — building, Nitro presets, Docker, Node requirements.
• Troubleshooting — common issues and fixes.

Start at the documentation index.

License

MIT

Links

• GitHub
• SolidJS Documentation

Special Mentions

• Inspired by Remix, Next.js, and TanStack
• Built with Vite, SolidJS, Vinxi, Undici, Pino and Seroval