You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
**SolidStart** brings fine-grained reactivity fullstack with full flexibility. Built with features like unified rendering and isomorphic code execution, SolidStart enables you to create highly performant and scalable web applications. Explore the official [documentation](https://docs.solidjs.com/solid-start) for detailed guides and examples.
9
+
**SolidStart** brings fine-grained reactivity fullstack with full flexibility. Built with features like unified rendering and isomorphic code execution, SolidStart enables you to create highly performant and scalable web applications.
10
+
11
+
Explore the official [documentation](https://docs.solidjs.com/solid-start) for detailed guides and examples.
10
12
11
13
## Core Features
12
14
13
15
-**All Rendering Modes**:
14
-
- Server-Side Rendering (SSR) with sync, async, and stream [modes](https://docs.solidjs.com/solid-start/reference/server/create-handler).
15
-
- Client-Side Rendering (CSR)
16
-
- Static Site Generation (SSG)
16
+
- Server-Side Rendering _(SSR)_ with sync, async, and stream [modes](https://docs.solidjs.com/solid-start/reference/server/create-handler)
17
+
- Client-Side Rendering _(CSR)_
18
+
- Static Site Generation _(SSG)_
17
19
-**TypeScript**: Full integration for robust, type-safe development
18
20
-**File-Based Routing**: Intuitive routing based on your project’s file structure
19
21
-**API Routes**: Dedicated server-side endpoints for seamless API development
@@ -25,28 +27,32 @@
25
27
26
28
### Installation
27
29
28
-
Create a template project with your preferred package manager:
30
+
Create a template project with your preferred package manager
29
31
30
32
```bash
31
33
# using npm
32
34
npm create solid@latest -- --solidstart
35
+
```
33
36
37
+
```bash
34
38
# using pnpm
35
39
pnpm create solid@latest --solidstart
40
+
```
36
41
42
+
```bash
37
43
# using bun
38
44
bun create solid@latest --solidstart
39
45
```
40
46
41
-
1. Follow the CLI prompts to set up your project.
42
-
2. Navigate to your project directory and install dependencies:
47
+
1. Follow the CLI prompts to set up your project
48
+
2. Navigate to your project directory and install the dependencies
43
49
44
50
```bash
45
51
cd<project-name>
46
52
npm install # or pnpm install or bun install
47
53
```
48
54
49
-
3. Start the development server:
55
+
3. Start the development server
50
56
51
57
```bash
52
58
npm run dev # or pnpm dev or bun dev
@@ -66,32 +72,29 @@ Learn more about routing in the [documentation](https://docs.solidjs.com/solid-s
66
72
67
73
## Adapters
68
74
69
-
Configure adapters in `app.config.ts` to deploy to platforms like Vercel, Netlify, Cloudflare, and others:
75
+
Configure adapters in `app.config.ts` to deploy to platforms like Vercel, Netlify, Cloudflare, and others
ssr: true, // false for client-side rendering only
76
82
server: { preset: "vercel" },
77
83
});
78
84
```
79
85
80
-
Presets also include runtimes like Node.js, Bun or Deno. For example, the `node-server` preset enables hosting on your server. Learn more about [`defineConfig`](https://docs.solidjs.com/solid-start/reference/config/define-config).
86
+
Presets also include runtimes like Node.js, Bun or Deno. For example, the `node-server` preset enables hosting on your server.
87
+
Learn more about [`defineConfig`](https://docs.solidjs.com/solid-start/reference/config/define-config).
81
88
82
89
## Building for Production
83
90
84
-
Generate production-ready bundles:
91
+
Generate production-ready bundles
85
92
86
93
```bash
87
94
npm run build # or pnpm build or bun build
88
95
```
89
96
90
-
The output is saved to the `dist/` directory. Then, start the server:
91
-
92
-
```bash
93
-
npm start # or pnpm start or bun start
94
-
```
97
+
After the build completes, you’ll be guided through deployment for your specific preset.
0 commit comments