Technischer Aufbau ⚙️

Hier zeige ich den technischen Aufbau meiner Website sowie den automatisierten Deployment-Prozess von der lokalen Entwicklung bis zur Live-Schaltung auf meinem Server.

Website Architektur

So ist die Website technisch aufgebaut — vom Browser über DynDNS und Router-Port-Forwarding bis zur Next.js-Anwendung.

Browser

DynDNS Domain

Router Port Forwarding

Next.js Node Server

Next.js App Router

UI Components

Static Files (/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