Deploy Anywhere
Universal deployment skill for static sites and full-stack applications. Supports all major hosting platforms with zero-configuration defaults.
When to Use
Trigger on these requests:
- "Deploy my app"
- "Deploy to production"
- "Push this live"
- "Host this website"
- "Deploy to [platform]"
- "CI/CD setup"
Supported Platforms
| Platform | Best For | Auto-Detects | Output |
|---|---|---|---|
| Cloudflare Pages | Static + SSR, free tier | ✅ Next.js, Astro, Vite, React | pages.dev |
| Vercel | Next.js, frontend | ✅ 40+ frameworks | .vercel.app |
| Netlify | Static, forms | ✅ Most static | .netlify.app |
| Railway | Full-stack, Node.js | ✅ Node projects | .railway.app |
| Render | Full-stack, databases | ✅ | .onrender.com |
| Fly.io | Docker, global edge | ✅ Dockerfiles | .fly.dev |
| GitHub Pages | Free static hosting | ✅ Jekyll, plain HTML | *.github.io |
Quick Deploy Commands
Cloudflare Pages (Recommended — Free)
# Static sites
npx wrangler pages deploy dist
# With GitHub integration
# Connect repo at: https://pages.cloudflare.com/
Vercel
npx vercel --prod
# Or: npx vercel deploy --prod
Netlify
npx netlify deploy --prod --dir dist
Railway
railway up
Render
render deploy
Framework Auto-Detection
The skill auto-detects these frameworks:
| Framework | Build Command | Output Dir |
|---|---|---|
| Next.js | npm run build |
.next |
| Astro | npm run build |
dist |
| Vite | npm run build |
dist |
| React | npm run build |
build |
| Vue | npm run build |
dist |
| Nuxt | npm run build |
.output |
| SvelteKit | npm run build |
build |
| Plain HTML | None needed | / |
Environment Variables
Always check for required env vars before deploying:
# Common required variables
DATABASE_URL=
API_KEY=
NEXTAUTH_SECRET=
Build Settings Reference
Cloudflare Pages
| Setting | Value |
|---|---|
| Build command | npm run build |
| Build output | dist (or .next, build) |
| Node version | 20 |
Vercel
Vercel auto-detects everything. No config needed.
Netlify
| Setting | Value |
|---|---|
| Build command | npm run build |
| Publish directory | dist |
Post-Deploy Checklist
- Site loads without errors
- Environment variables set in dashboard
- Custom domain configured (if needed)
- SSL certificate active
- Build logs show no errors
Example: Full Deploy Flow
# 1. Build the project
npm run build
# 2. Deploy to Cloudflare
npx wrangler pages deploy dist
# Output:
# ✅ Deployment complete!
# URL: https://my-project.pages.dev
Docker Deploy (Fly.io)
FROM node:20-alpine
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build
EXPOSE 3000
CMD ["npm", "start"]
fly launch
fly deploy
Part of SWAL Skills — swal/iberi22