Zum Hauptinhalt springen

Architekturüberblick

Skin to Go besteht aus:

  • React/Vite-Frontend
  • Express-Backend
  • PostgreSQL mit Prisma
  • Steam-Bot-Escrow
  • serverseitigem Docker-Compose-Deployment
  • zentralem Reverse Proxy außerhalb des Projekt-Stacks
  • GitHub Actions für Image-Builds und manuelle Deployments

Lokal läuft alles über Docker Compose mit Hot Reload. Auf Servern werden Registry-Images gestartet; dort liegt idealerweise kein permanenter vollständiger Repo-Checkout.

Lokaler Modus​

  • Frontend mit Vite-HMR
  • Backend mit Node-Watch
  • lokaler /api-Proxy im Vite-Dev-Server
  • PostgreSQL mit lokalem Port
  • Prisma-Migrationen beim Backend-Start

Servermodus​

  • Frontend- und Backend-Images kommen aus der Registry oder werden für Dev direkt übertragen.
  • Der Projekt-Nginx liefert nur die SPA aus.
  • /api wird vom zentralen Reverse Proxy geroutet.
  • Frontend und Backend hängen zusätzlich am externen Reverse-Proxy-Netz.

Zielpfad auf Servern​

Ein möglicher Zielpfad:

/opt/skintogo/
  infra/
    reverse-proxy/
    portainer/
    netdata/
  dev/
  stage/
  prod/

Pro Umgebung liegen dort nur:

  • docker-compose.yml
  • docker-compose.server.yml
  • .env
  • secrets/