Static Hosting

User Request
     ↓
   CDN (Frontend)
     ↓ (API calls)
   Mizu Backend

cd frontend
npm run build

cd frontend
vercel deploy --prod

cd frontend
netlify deploy --prod --dir=dist

# Via dashboard or CLI
wrangler pages publish dist

# .env.production
VITE_API_URL=https://api.yourdomain.com

const apiUrl = import.meta.env.VITE_API_URL

func New() *mizu.App {
    app := mizu.New()

    // Only API routes (no frontend middleware)
    app.Get("/api/users", handleUsers)

    return app
}

import "github.com/go-mizu/mizu/middlewares/cors"

app.Use(cors.WithOptions(cors.Options{
    AllowedOrigins: []string{
        "https://yourdomain.com",      # Production
        "https://staging.yourdomain.com",  # Staging
    },
    AllowedMethods: []string{"GET", "POST", "PUT", "DELETE"},
    AllowedHeaders: []string{"Content-Type", "Authorization"},
    AllowCredentials: true,  # If using cookies
}))

Frontend: http://localhost:5173
Backend:  http://localhost:3000

Frontend: https://staging.yourdomain.com (Vercel)
Backend:  https://api-staging.yourdomain.com

Frontend: https://yourdomain.com (Vercel)
Backend:  https://api.yourdomain.com

// vercel.json
{
  "rewrites": [
    {
      "source": "/api/:path*",
      "destination": "https://api.yourdomain.com/api/:path*"
    }
  ]
}

# netlify.toml
[[redirects]]
  from = "/api/*"
  to = "https://api.yourdomain.com/api/:splat"
  status = 200
  force = true

// Mizu automatically sets these
Cache-Control: public, max-age=31536000, immutable  # Hashed assets
Cache-Control: no-cache                              # API responses

# 1. Build frontend
cd frontend
npm run build

# 2. Deploy frontend to CDN
vercel deploy --prod

# 3. Build backend
cd ..
go build -o server cmd/server/main.go

# 4. Deploy backend
scp server user@server:/app/
ssh user@server 'systemctl restart myapp'