Add one-click deploy buttons for major cloud platforms (#13)

* Add Vercel one-click deploy button to frontend header

- Add vercel.json configuration for full-stack deployment
- Include Vercel deploy button in frontend header with hover effects
- Configure routing for API calls to backend and static files to frontend
- Add responsive styling for mobile devices
- Pre-configure ATXP_CONNECTION_STRING environment variable prompt

* Add Render one-click deploy button and configuration

- Add render.yaml configuration for dual-service deployment
- Include Render deploy button alongside Vercel in frontend header
- Configure backend and frontend as separate Render services
- Set up environment variables and health check endpoint
- Enable free tier deployment with proper routing

Author: robdimarco-atxp

README.md

@@ -43,6 +43,16 @@ agent-demo/
 - `POST /api/texts` - Submit new text
 - `GET /api/health` - Health check endpoint
 
+## Quick Deploy
+
+Deploy this ATXP Express example to your preferred cloud platform with one click:
+
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fatxp-dev%2Fatxp-express-example&project-name=atxp-express-example&repository-name=atxp-express-example)
+
+[![Deploy to Render](https://render.com/images/deploy-to-render-button.svg)](https://render.com/deploy?repo=https://github.com/atxp-dev/atxp-express-example)
+
+After deploying, you'll need to provide your ATXP connection string through the app's setup screen.
+
 ## Quick Start
 
 ### Prerequisites

backend/package.json

@@ -7,6 +7,7 @@
     "start": "NODE_ENV=production node dist/server.js",
     "dev": "nodemon --exec ts-node server.ts",
     "build": "tsc",
+    "build:worker": "echo 'Cloudflare Workers will build directly from TypeScript source'",
     "test": "vitest run",
     "test:watch": "vitest",
     "test:ui": "vitest --ui"

render.yaml

@@ -0,0 +1,29 @@
+services:
+  - type: web
+    name: atxp-express-backend
+    env: node
+    plan: free
+    buildCommand: cd backend && npm install && npm run build
+    startCommand: cd backend && npm start
+    envVars:
+      - key: NODE_ENV
+        value: production
+      - key: PORT
+        value: 10000
+      - key: FRONTEND_PORT
+        value: 3000
+    healthCheckPath: /api/health
+
+  - type: web
+    name: atxp-express-frontend
+    env: static
+    plan: free
+    buildCommand: cd frontend && npm install && npm run build
+    staticPublishPath: frontend/build
+    routes:
+      - type: rewrite
+        source: /api/*
+        destination: https://atxp-express-backend.onrender.com/api/*
+      - type: rewrite
+        source: /*
+        destination: /index.html

vercel.json

@@ -0,0 +1,38 @@
+{
+  "version": 2,
+  "builds": [
+    {
+      "src": "backend/server.ts",
+      "use": "@vercel/node",
+      "config": {
+        "includeFiles": ["backend/**"]
+      }
+    },
+    {
+      "src": "frontend/package.json",
+      "use": "@vercel/static-build",
+      "config": {
+        "buildCommand": "npm run build",
+        "outputDirectory": "build"
+      }
+    }
+  ],
+  "routes": [
+    {
+      "src": "/api/(.*)",
+      "dest": "/backend/server.ts"
+    },
+    {
+      "src": "/(.*)",
+      "dest": "/frontend/$1"
+    }
+  ],
+  "env": {
+    "NODE_ENV": "production"
+  },
+  "functions": {
+    "backend/server.ts": {
+      "maxDuration": 30
+    }
+  }
+}