Website Architektur
So ist die Website technisch aufgebaut — vom Browser über DynDNS und Router-Port-Forwarding bis zur Next.js-Anwendung.
Browser
↓
Cloudflare DNS (Domain Resolution)
↓
DynDNS Service (Public IP Sync)
↓
Router Port Forwarding
↓
Nginx Reverse Proxy (HTTPS / TLS)
↓
Next.js Node Runtime
↓
Next.js App Router
↓
React UI Components
↓
Static Assets (/public)
CI/CD Pipeline
Änderungen werden lokal entwickelt, nach GitHub gepusht und anschließend automatisch auf den Server deployed.
Windows Development
↓
git push
↓
GitHub Repository
↓
GitHub Actions
↓
SSH Deploy to Raspberry Pi
↓
deploy.sh
↓
git fetch / git pull
↓
npm ci
↓
npm run build
↓
systemctl restart my-website
↓
Nginx serves updated website