Deploy React SPA
to Alibaba Cloud VMs.

# Create the virtual server using the CLI
vxcli vm create \
  --name web-instance \
  --cloud alibaba --region ap-southeast-1 --instance-type ecs.t5-lc1m2.large \
  --key-pair-name PRODKEY1

# Save public IP address for deployment
export HOST_IP=<public-ip-from-output>

# Ensure you have a valid package.json in your root directory.
# Below is the typical Dockerfile compiled by our template runner:

FROM node:20-alpine AS builder
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build

FROM nginx:alpine
COPY --from=builder /app/dist /usr/share/nginx/html
COPY nginx.conf /etc/nginx/conf.d/default.conf
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

# Trigger the container build and establish reverse proxy routes
vxcli deploy react \
  --source-dir ./ \
  --app-name web-app \
  --http-port 80 \
  --app-port 80 \
  --env PORT=80 \
  --env DATABASE_URL=postgres://... \
  --enable-ssl \
  --domain app.example.com \
  --ssl-email [email protected] \
  --host $HOST_IP --ssh-user ubuntu --key-pair-name PRODKEY1

# app.example.com is now live with automated Let's Encrypt SSL.