ayupi.dev

Über das Projekt#

ayupi.dev ist keine gewöhnliche Portfolio-Webseite von der Stange, sondern eine von Grund auf eigenständig entwickelte, containerisierte Fullstack-Plattform inklusive maßgeschneidertem Headless CMS. Entwickelt, um Blog-Tutorials, interaktive YouTube-Walkthroughs und Software-Showcases performant, sicher und ohne Drittanbieter-Overhead (wie WordPress oder Ghost) im modernen Bento-Grid-Design zu vereinen.

---

Highlights & Technische Architektur#

1. Backend: Clean Architecture & Konsequente Typsicherheit

• Ktor 3 & Kotlin 2.x: Vollständig asynchrone Netty-Engine mit typsicherem Routing via @Resource-Plugin.
• Schichten-Trennung: Strikte Entkopplung nach Clean Architecture (Domain, Infrastructure, Application, Presentation) für wartbaren, testbaren Code ohne Framework-Lock-in im Core.
• Persistence & Performance: PostgreSQL mit nativen zeitlich sortierbaren UUIDv7-Primärschlüsseln zur Vermeidung von Index-Fragmentierung. Datenbankzugriffe erfolgen transaktionssicher über JetBrains Exposed und HikariCP, Schema-Updates werden deterministisch über Flyway-Migrationen versioniert.
• Web-only Dual-Token-Auth: Maximale Sicherheit gegen XSS und CSRF durch kurzlebige JWT Access Tokens gepaart mit automatischer Token-Rotation für Refresh Tokens – sicher gekapselt in HttpOnly, Secure und SameSite=Lax Cookies.

2. Frontend: Presenter-Pattern & Cyber-Obsidian Ästhetik

• Next.js & React 19: Hybrides Rendering mit Server Components für optimale Core Web Vitals, blitzschnelle Ladezeiten und DSGVO-konforme YouTube-Embeds (youtube-nocookie.com).
• Presenter/Custom-Hooks-Pattern: Konsequente Trennung von UI und Business-Logik (SoC & SRP) – View-Komponenten rendern rein deklarativ, während Formularzustände, API-Mutationen und Interaktionen in typsicheren Custom Hooks isoliert sind.
• Bento Grid Look: High-End Terminal-/Cyber-Optik im Obsidian-Darkmode (#0a0c0e) mit fein akzentuierten Neon-Grün-Glows (#00FF66), Glasmorphismus und subtilen Framer-Motion-Animationen.

3. DevOps & Isolation

• Zero Host-Port Exposure: PostgreSQL ist in einem komplett isolierten internen Docker-Bridge-Netzwerk gekapselt (ayupi-internal-net) und von außen unerreichbar.
• Reverse Proxy: NPM (Nginx Proxy Manager) terminiert SSL/TLS und routet Anfragen effizient an die Multi-Stage Minimal-JRE-Container von Frontend und API weiter.