メニュー
SolidStart deployment: build process, platform-specific configs, environment variables, SSR vs SPA deployment, edge deployment, Vercel, Netlify, Cloudflare, AWS.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
SolidJS advanced components: SuspenseList for coordinating multiple Suspense boundaries, NoHydration for skipping hydration of static content.
SolidJS advanced utilities: createRoot for manual disposal, createUniqueId for SSR-safe IDs, useTransition for batching async updates, observable for RxJS interop, modifyMutable for batch updates.
SolidJS control flow: Show for conditionals, Switch/Match for multiple conditions, For/Index for lists, Dynamic for dynamic components, Suspense for async data.
SolidJS advanced JSX attributes: @once for static values, attr:*/bool:*/prop:* for Web Components, textContent for text nodes, innerHTML for raw HTML.
SolidJS lifecycle: onMount for DOM access after mount, onCleanup for resource disposal, effect lifecycle management, component vs effect cleanup.
Core SolidJS primitives: signals use getter functions count(), components run once (no re-renders), effects track automatically, stores use direct property access, memos for computed values. Fine-grained reactivity means targeted DOM updates.
| name | solid-deployment |
| description | SolidStart deployment: build process, platform-specific configs, environment variables, SSR vs SPA deployment, edge deployment, Vercel, Netlify, Cloudflare, AWS. |
| metadata | {"globs":["**/deployment*","**/deploy*","netlify.toml","vercel.json"]} |
Complete guide to deploying SolidStart applications to various platforms. Understand build processes, platform configurations, and deployment strategies.
SolidStart builds your application for production:
# Build for production
npm run build
# Output directory
dist/
Build output:
Web Interface:
CLI:
npm i -g vercel
vercel
Configuration:
Web Interface:
distCLI:
npm i -g netlify-cli
netlify init
netlify.toml:
[build]
command = "npm run build"
publish = "dist"
[[redirects]]
from = "/*"
to = "/index.html"
status = 200
Configuration:
npm run builddistEnvironment variables:
FlightControl:
SST:
Railway:
Firebase:
Stormkit:
Zerops:
Set in platform dashboard or .env files:
VITE_API_URL=https://api.example.com
VITE_APP_NAME=My App
DATABASE_URL=postgresql://...
API_SECRET_KEY=secret123
Platform-specific:
Requirements:
Platforms:
Configuration:
// app.config.ts
export default defineConfig({
server: {
preset: "node-server", // or platform-specific
},
});
Requirements:
Platforms:
Configuration:
// app.config.ts
export default defineConfig({
ssr: false, // Disable SSR
});
Deploy to edge locations for low latency:
Cloudflare Workers:
// app.config.ts
export default defineConfig({
server: {
preset: "cloudflare-workers",
},
});
Vercel Edge:
# Standard build
npm run build
# With environment
NODE_ENV=production npm run build
Default: dist/
Configure in app.config.ts:
export default defineConfig({
vite: {
build: {
outDir: "dist",
},
},
});
// Generate static pages
export default defineConfig({
ssr: false,
prerender: true,
});
// Some routes SSR, some static
export default defineConfig({
server: {
preset: "node-server",
},
});
// Deploy as serverless
export default defineConfig({
server: {
preset: "vercel", // or "netlify"
},
});
npm run dev
npm run build
npm run start
npm run build
npm run preview
Set environment variables:
Configure build settings:
Handle routing:
Optimize assets:
Monitor deployments:
npm run build → dist/