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>
2026-07-01 14:24:34 +02:00
parent 91a31f04b1
commit 1a0fe18e89
55 changed files with 8216 additions and 1756 deletions
@@ -0,0 +1,83 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { WithId, Document } from 'mongodb';
+import { getDb, APPOINTMENTS_COLLECTION } from '@/lib/db';
+import { Appointment, AppointmentPayload } from '@/types/appointment';
+
+// Wandelt ein MongoDB-Dokument in das vom Frontend erwartete Format um
+// (_id -> id als String, termin als ISO-String).
+function normalize(doc: WithId<Document>): Appointment {
+  return {
+    id: doc._id.toString(),
+    arztName: doc.arztName,
+    arztArt: doc.arztArt ?? '',
+    termin: new Date(doc.termin).toISOString(),
+    erledigt: Boolean(doc.erledigt),
+    bemerkungen: doc.bemerkungen ?? '',
+  };
+}
+
+// GET /api/appointments - Alle nicht gelöschten Termine abrufen
+export async function GET() {
+  try {
+    const db = await getDb();
+    const docs = await db
+      .collection(APPOINTMENTS_COLLECTION)
+      .find({ deleted: { $ne: true } })
+      .sort({ termin: 1 })
+      .toArray();
+
+    return NextResponse.json(
+      { success: true, data: docs.map(normalize) },
+      {
+        headers: {
+          'Cache-Control': 'no-store, no-cache, must-revalidate',
+          Pragma: 'no-cache',
+          Expires: '0',
+        },
+      }
+    );
+  } catch (error) {
+    console.error('Fehler beim Abrufen der Termine:', error);
+    return NextResponse.json(
+      { success: false, error: 'Fehler beim Abrufen der Termine' },
+      { status: 500 }
+    );
+  }
+}
+
+// POST /api/appointments - Neuen Termin erstellen
+export async function POST(request: NextRequest) {
+  try {
+    const body: AppointmentPayload = await request.json();
+
+    if (!body.arztName || !body.termin) {
+      return NextResponse.json(
+        { success: false, error: 'Arztname und Termin sind erforderlich.' },
+        { status: 400 }
+      );
+    }
+
+    const db = await getDb();
+    const doc = {
+      arztName: body.arztName,
+      arztArt: body.arztArt ?? '',
+      termin: new Date(body.termin),
+      erledigt: Boolean(body.erledigt),
+      bemerkungen: body.bemerkungen ?? '',
+      deleted: false,
+    };
+
+    const result = await db.collection(APPOINTMENTS_COLLECTION).insertOne(doc);
+
+    return NextResponse.json(
+      { success: true, data: normalize({ _id: result.insertedId, ...doc }) },
+      { status: 201 }
+    );
+  } catch (error) {
+    console.error('Fehler beim Erstellen des Termins:', error);
+    return NextResponse.json(
+      { success: false, error: 'Fehler beim Speichern des Termins' },
+      { status: 500 }
+    );
+  }
+}