القائمة
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/