docs(solid-start): add netlify vite plugin example (#5575)

Author: birkskyum

docs/start/config.json

@@ -329,6 +329,10 @@
             {
               "label": "Cloudflare Vite Plugin",
               "to": "framework/solid/examples/start-basic-cloudflare"
+            },
+            {
+              "label": "Cloudflare Vite Plugin",
+              "to": "framework/solid/examples/start-basic-netlify"
             }
           ]
         }

docs/start/framework/react/guide/hosting.md

@@ -148,6 +148,9 @@ Add a `netlify.toml` file to your project root:
 [build]
   command = "vite build"
   publish = "dist/client"
+[dev]
+  command = "vite dev"
+  port = 3000
 ```
 
 Deploy your application using their one-click deployment process, and you're ready to go!

docs/start/framework/solid/guide/hosting.md

@@ -142,6 +142,9 @@ Add a `netlify.toml` file to your project root:
 [build]
   command = "vite build"
   publish = "dist/client"
+[dev]
+  command = "vite dev"
+  port = 3000
 ```
 
 Deploy your application using their one-click deployment process, and you're ready to go!

examples/solid/start-basic-netlify/.gitignore

@@ -0,0 +1,9 @@
+node_modules
+.DS_Store
+.cache
+.env
+dist
+.wrangler
+
+# Local Netlify folder
+.netlify

examples/solid/start-basic-netlify/.prettierignore

@@ -0,0 +1,4 @@
+**/public
+pnpm-lock.yaml
+routeTree.gen.ts
+worker-configuration.d.ts

examples/solid/start-basic-netlify/.vscode/settings.json

@@ -0,0 +1,11 @@
+{
+  "files.watcherExclude": {
+    "**/routeTree.gen.ts": true
+  },
+  "search.exclude": {
+    "**/routeTree.gen.ts": true
+  },
+  "files.readonlyInclude": {
+    "**/routeTree.gen.ts": true
+  }
+}

examples/solid/start-basic-netlify/README.md

@@ -0,0 +1,37 @@
+# Start Basic Netlify
+
+## Getting Started
+
+### Install the dependencies
+
+```bash
+pnpm i
+```
+
+### Start the development server
+
+```bash
+pnpm dev
+```
+
+### Build for Production
+
+```bash
+pnpm build
+```
+
+### Deploy to Netlify
+
+```sh
+netlify deploy
+```
+
+## Accessing bindings
+
+You can access Cloudflare bindings in server functions by using importable `env`:
+
+```ts
+import { env } from 'cloudflare:workers'
+```
+
+See `src/routes/index.tsx` for an example.

examples/solid/start-basic-netlify/netlify.toml

@@ -0,0 +1,6 @@
+[build]
+  command = "vite build"
+  publish = "dist/client"
+[dev]
+  command = "vite dev"
+  port = 3000

examples/solid/start-basic-netlify/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "tanstack-solid-start-example-basic-netlify",
+  "private": true,
+  "sideEffects": false,
+  "type": "module",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build && tsc --noEmit",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@tanstack/solid-router": "^1.133.20",
+    "@tanstack/solid-router-devtools": "^1.133.20",
+    "@tanstack/solid-start": "^1.133.20",
+    "solid-js": "^1.9.5"
+  },
+  "devDependencies": {
+    "@netlify/vite-plugin-tanstack-start": "^1.1.4",
+    "@types/node": "^22.5.4",
+    "vite-plugin-solid": "^2.11.10",
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.5.1",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^5.7.2",
+    "vite": "^7.1.7",
+    "vite-tsconfig-paths": "^5.1.4",
+    "wrangler": "^4.40.2"
+  }
+}

examples/solid/start-basic-netlify/postcss.config.mjs

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}