Umstellung auf Next.js (App Router), Design analog werte-next

Führt das getrennte React/Vite-Frontend und Express/MongoDB-Backend in
eine einzelne Next.js-Anwendung zusammen:

- UI: React-Client-Komponenten (TabLayout, AppointmentForm, -List,
  ConfirmationModal) im Look von werte-next (Farben #CCCCFF/#85B7D7/
  #FFFFDD, Rahmenbox, Tabellen-Liste, Footer mit Version/Datum)
- API: Next.js Route Handler unter /api/appointments (GET/POST/PUT/DELETE,
  Soft-Delete beibehalten)
- DB: MongoDB via lib/db.ts (gecachter Client, Standard appointmentsdb)
- Tailwind 4 + TypeScript, Standalone-Docker-Build wie werte-next
- Druckansicht der aktuellen offenen Termine beibehalten
- Deployment: Dockerfile (multi-stage), docker-compose(.prod), deploy.sh

Entfernt die alten frontend/- und backend/-Verzeichnisse.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-01 14:24:34 +02:00
parent 91a31f04b1
commit 1a0fe18e89
55 changed files with 8216 additions and 1756 deletions
+21 -48
View File
@@ -1,37 +1,35 @@
#!/bin/bash
# Deploy Script
# Baut die Produktions-Images und lädt sie zur Registry hoch
# Deploy Script für aerzte-next
# Baut das Docker Image und lädt es zu docker.citysensor.de hoch
set -e
# Konfiguration
REGISTRY="docker.citysensor.de"
PROJEKT="aerzte"
IMAGE_NAME=("${PROJEKT}-frontend" "${PROJEKT}-backend")
TAG="${TAG:-$(date +%Y%m%d%H%M)}" # default Datum
IMAGE_NAME="aerzte-next"
TAG="${1:-latest}" # Erster Parameter oder "latest"
FULL_IMAGE="${REGISTRY}/${IMAGE_NAME}:${TAG}"
# Build-Datum und Version
# Build-Datum
BUILD_DATE=$(date +%d.%m.%Y)
VERSION=$(grep '"version"' frontend/package.json | head -1 | sed 's/.*"version": "\(.*\)".*/\1/')
echo "=========================================="
echo " Deploy Script"
echo "Aerzte-Next Deploy Script"
echo "=========================================="
echo "Registry: ${REGISTRY}"
echo "Images: ${IMAGE_NAME[*]}"
echo "Image: ${IMAGE_NAME}"
echo "Tag: ${TAG}"
echo "Version: ${VERSION}"
echo "Build-Datum: ${BUILD_DATE}"
echo "=========================================="
echo ""
# 1. Login zur Registry (falls noch nicht eingeloggt)
# 1. Login zur Registry
echo ">>> Login zu ${REGISTRY}..."
docker login "${REGISTRY}"
echo ""
# 2. Multiplatform Builder einrichten (docker-container driver erforderlich)
# 2. Multiplatform Builder einrichten
echo ">>> Richte Multiplatform Builder ein..."
if ! docker buildx inspect multiplatform-builder &>/dev/null; then
docker buildx create --name multiplatform-builder --driver docker-container --bootstrap
@@ -39,47 +37,22 @@ fi
docker buildx use multiplatform-builder
echo ""
for image in "${IMAGE_NAME[@]}"; do
# Verzeichnisname = Image-Name ohne Projekt-Präfix (frontend / backend)
IMAGE_DIR="${image#${PROJEKT}-}"
FULL_IMAGE="${REGISTRY}/${image}:${TAG}"
echo "=========================================="
echo ">>> Baue ${image}..."
echo ">>> Image: ${FULL_IMAGE}"
echo "=========================================="
# 3. Produktions-Image bauen und pushen (Multiplatform)
# -> nutzt das jeweilige Dockerfile.prod (nginx bzw. npm start)
docker buildx build \
--platform linux/amd64 \
-f "./${IMAGE_DIR}/Dockerfile.prod" \
-t "${FULL_IMAGE}" \
--push \
"./${IMAGE_DIR}"
# 4. Tagge auch als :${VERSION} und :latest
echo ">>> Tagge ${image} als :${VERSION} und :latest..."
docker buildx imagetools create \
-t "${REGISTRY}/${image}:${VERSION}" \
-t "${REGISTRY}/${image}:latest" \
"${FULL_IMAGE}"
echo "${image} erfolgreich gebaut und gepusht!"
echo ""
done
echo ">>> Alle Builds erfolgreich!"
# 3. Docker Image bauen und pushen
echo ">>> Baue Multiplatform Docker Image und pushe zu Registry..."
docker buildx build \
--platform linux/amd64,linux/arm64 \
--build-arg BUILD_DATE="${BUILD_DATE}" \
-t "${FULL_IMAGE}" \
--push \
.
echo ">>> Build und Push erfolgreich!"
echo ""
echo "=========================================="
echo "✓ Deploy erfolgreich abgeschlossen!"
echo "=========================================="
echo "Registry: ${REGISTRY}"
echo "Projekt: ${PROJEKT}"
echo "Tag: ${TAG} (zusätzlich: ${VERSION}, latest)"
echo ""
echo "Auf dem Server ausführen:"
echo " docker compose -f docker-compose.images.yml pull"
echo " docker compose -f docker-compose.images.yml up -d"
echo " docker pull ${FULL_IMAGE}"
echo " docker compose -f docker-compose.prod.yml up -d"
echo ""