Reinhard Kepplinger | 3D Visual Artist & Web Experience Designer

Controls

Auto-Rotate

Scene Text

Reduced Motion

3D Experience

Um Ressourcen zu schonen, ist die interaktive Szene auf diesem Gerät zunächst deaktiviert. Starte sie manuell, sobald du bereit bist.

Content Sync Demo

Payload → Next.js Video Bridge

Dieses Showcase streamt Original-Videoinhalte direkt aus Payload CMS in einer Next.js-Experience. Passe Dateien im Payload Admin an – die Änderungen erscheinen automatisch in der React-App. Ein Experiment, das zeigt, wie Headless Delivery für Video-Content funktioniert.

3D Visual Archive

Gallery

Diese Gallery lädt ihre Motive direkt aus Payload CMS. Ergänzt oder entfernst du Assets dort, aktualisiert sich das Masonry-Grid automatisch – inklusive magnetischer Interaktion und PhotoSwipe-Fullscreen.

#01

Payload → Next.js Content Bridge Demo

Diese Demo zeigt, wie Content aus Payload nahtlos in eine moderne Next.js-Experience integriert werden kann. Der Workflow bleibt vertraut, während das Frontend eine interaktive Scroll-Story liefert.

Warum Headless CMS?

Headless CMS-Architekturen trennen Content-Management vom Frontend. Das ermöglicht:

- Flexibilität: Nutze jeden Frontend-Stack (React, Vue, Svelte)

- Performance: Statische Generierung und ISR

- Skalierbarkeit: API-First Approach

- Developer Experience: Moderne Tools und Workflows

Innovation Lab

Powered by AI

Diese Website ist ein experimentelles Showcase-Projekt, das modernste Technologien vereint: Das bewährte Payload CMS als Content-Backbone, Next.js für Performance und User Experience, und KI-Tools für die gesamte Entwicklung. Hier präsentiere ich live meinen aktuellen Entwicklungsstand – transparent, innovativ und zu 100% KI-gestützt entwickelt.

Projekt anfragen→

Live in Development