SYSTEM
SYSTEM

Projektdokumentation

Die Entstehungsgeschichte meines Portfolios – dokumentiert mit allen technischen Details und Entscheidungen

Portfolio — Robin Herbeck

Persoenliche Portfolio-Website als Full-Stack Webentwickler. Zweisprachig (DE/EN), mit Dashboard, Kontaktformular, Projekt-Showcase und Leistungsseiten.

**Live:** [robinherbeck.com](https://www.robinherbeck.com)

Tech-Stack

  • **Framework:** Next.js (App Router, React Server Components)
  • **Sprache:** TypeScript
  • **Styling:** Tailwind CSS
  • **Datenbank:** PostgreSQL via Supabase (Prisma ORM)
  • **Auth:** NextAuth.js (JWT, bcrypt)
  • **i18n:** next-intl (DE + EN)
  • **Animationen:** GSAP, rough-notation, Paper Design Shaders
  • **Hosting:** Eigener Linux-Server mit nginx

    • Features

  • Zweisprachiges Routing mit `[locale]` Segment (Default: DE, Prefix: as-needed)
  • Windows-95-Sidebar als interaktives Gimmick
  • SVG-Cutouts und animierte Kabelverbindungen
  • Screenshot-Galerie mit Lightbox auf Projektseiten
  • Dashboard mit Task-Management (Auth-geschuetzt)
  • Kontaktformular mit CSRF-Schutz und Nodemailer
  • DSGVO-konform: keine externen Fonts/CDNs, Cookie-Consent
  • SEO: Sitemap, JSON-LD Structured Data, Open Graph

    • Entwicklung

    ```bash

    npm install

    npm run dev

    ```

    Lizenz

    Dieses Repository dient als Portfolio und Referenz. Der Code ist nicht zur Weiterverwendung freigegeben.

    Projektdokumentation | Robin Herbeck