NAS Cloudflare Deploy

I will help you set up the deployment for your web game using Cloudflare Tunnel and Nginx on your Synology NAS.

Deployment Configuration

First, update your PChome DNS settings to use Cloudflare Nameservers. Ensure the IP and IPv6 fields are left blank.

1. Nginx Configuration (nginx.conf)

Create this file in your project folder to enable Gzip compression and prevent caching issues.

events { worker_connections 1024; }
http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;
    gzip on;
    gzip_types text/plain text/css application/javascript application/json image/svg+xml;
    server {
        listen 80;
        root /usr/share/nginx/html;
        index index.html;
        location = /index.html {
            add_header Cache-Control "no-cache, no-store, must-revalidate";
        }
        location / {
            try_files $uri $uri/ /index.html;
            expires 7d;
        }
    }
}

2. Docker Compose (docker-compose.yml)

Place your build files in a dist/ directory and use the following compose file in Synology Container Manager.

version: '3.8'
services:
  game:
    image: nginx:alpine
    container_name: game-web
    restart: unless-stopped
    volumes:
      - ./dist:/usr/share/nginx/html:ro
      - ./nginx.conf:/etc/nginx/nginx.conf:ro
  tunnel:
    image: cloudflare/cloudflared:latest
    container_name: game-tunnel
    restart: unless-stopped
    command: tunnel --no-autoupdate run --token <YOUR_CLOUDFLARE_TOKEN>
    depends_on:
      - game

Next steps

• Copy your game files into the dist/ folder on your NAS.
• Create a Public Hostname in Cloudflare Zero Trust pointing game.mydomain.tw to http://game:80.
• Verify the connection by visiting your subdomain.