Scrolly
Übersicht
Laden...
Deployment Pipeline
Server
Legacy & Tools
Tech-Stack
⚙
Frontend
React 19 · TypeScript · Vite 7 · Tailwind CSS · Zustand · TanStack Query · React Router 7 · Radix UI · shadcn/ui · Lexical Editor
⚗
Backend
NestJS 11 · Express 5 · Prisma 7 · PostgreSQL 16 · Keycloak 26 (OIDC) · JWT Auth · class-validator
★
Renderer
Three.js / WebGL · RendererWebGL.ts · ScrollyViewer.tsx · Scroll-Keyframe-Animationen · Lottie · CSS3D Overlays
✨
AI / Studio
Anthropic Claude API · SSE Streaming · SVG-Builder · 3D-Builder · Ken Burns · Compose · Haiku Classifier
☁
Infra
IONOS VPS · Nginx · PM2 · Docker · Cloudflare R2 · imgproxy · Let's Encrypt · rsync Deploy
📦
Widget
Vanilla JS · Web Components · Shadow DOM · <scrolly-container> · IIFE Bundle
Projekt-Timeline
200+ Items seit 25. März
12. April
Heute
Beta-Umgebung (komplett getrennt)
Eigener Backend-Prozess (Port 3200), eigene DB, Nginx, SSL. deploy-beta.sh mit --frontend-only.
Infra
Status-Dashboard
status.scrolly.online — Pipeline-Übersicht, Server-Monitoring, Projekt-Timeline, Backlog.
Infra
11. April
A11y + Security Headers + Dead Code
Accessibility-Verbesserungen, Nginx Security Headers Template, Post-Deploy Auto-Reload bei Chunk-Errors.
Security
Cleanup
QA & Debug System
8-Dimensionen QA-System. Playwright Smoke Tests. Health-Check-Monitoring.
Core
10. April
Renderer-Konsolidierung
Stack B komplett entfernt (155 Dateien, -11.258 Zeilen). Ein Renderer, ein Viewer, ein Build. view.scrolly.online auf Platform-SPA.
Core
Cleanup
Cloudinary → R2 + imgproxy
Asset-Storage komplett auf Cloudflare R2 migriert. imgproxy self-hosted. Cloudinary entfernt.
Infra
9 Renderer-Fixes
BG-Image Opacity, Font Atlas Preload, InlineTextEditor Font, snake_case slide_options, SVG Rect Stripping, Template heightRef.
Fix
9. April
Templates-Mode + Assets-First-Flow
Dritter Home-Modus. Kategorie-Chips, Slide-Count-Filter, AI-Template-Ranking (/ai/templates-suggest). Home-Layout 2x4.
Feature
Branding-Cascade (4-Schichten-Fix)
applyBrandingToPostJson, CSS !important Override, h5-als-Body erkannt, Google Fonts global in main.tsx.
Fix
Studio Prompt-First Classifier
Haiku klassifiziert Topic in 3 Visualisierungs-Vorschläge mit Chart-Type-Lock. Debounce + Fallback.
Feature
AI
BG-Images hinter Charts
Studio-generierte Charts auf Fotos. Beige Legibility-Overlay (0.85). ScrollyViewer Embedded Mode.
Feature
8. April
Studio Branding (15 Commits)
Workspace-Konfiguration: Prompt-Steering (5 Tonalitäten), Chart-Palette (5 Slots), 3D Mood-Presets, Photo/Ken-Burns Defaults. ResizeObserver-Preview.
Feature
Unsplash Compliance (5 Deploys)
Hotlinking statt Cloudinary, photographerUrl in Credits, pointer-events Fix, z-index Nesting, Credits als Sticky-Sibling.
Fix
Compliance
Branding-System erweitert
Textbox BG-Color, 3-Tier Merge Utility, Blur/Alpha Auto-Cap, Gradient-Fallback im Viewer, Scrollbar-Bleed-Fix.
Feature
Fix
7. April
Studio Compose v1
Multi-Layer: Ken Burns Foto + Bubble Chart Overlay. Transparent-Mode, <scrolly-compose> Tag.
Feature
AI
Studio Chat-Panel Upgrade
Responsive (440-640px), Gradient BG, Floating Input, Sticky Auto-Scroll, Streaming Sanitizer, blinkender Caret, Alternativen-Card.
UX
Home Quick/Studio Toggle + URL-Button
Segmented Toggle unter Prompt-Card. Link-Button mit Inline-URL-Input. Backend akzeptiert instruction-Feld.
Feature
Bildsuche in Textboxen + SVG-Editor entfernt
InlineToolbar öffnet SearchDialog. Direct-Upload-Button. SVG-Editor gelöscht, ersetzt durch StudioLayerCard.
Feature
Cleanup
Editor-Fixes + Studio-Backend
Off-by-one Thumbnails, Slide-1 Bug, Chunk-Error Flash, 3D-Scale Fix, Typewriter ab Scroll 0, Safety-Decline UX.
Fix
Sidebar Redesign v2
Klickbares Logo, gleich großer Wordmark-Star, kein Layout-Shift, Collapse-Button unten pink.
UX
4. April
Security Audit (10 Fixes)
SSRF-Schutz, CORS-Hardening, IDOR-Fix, MIME-Validation, Token-Leak, Role-Guards, Debug-Endpoints deaktiviert, npm audit.
Security
Test Suite komplett grün
107 Backend + 58 Frontend Tests. Vitest jsdom, i18n-Mock, profileSchema (fullName → firstName/lastName).
Core
SVG-Phasen-System
Opus-Modell, SVG-Validator, deterministischer JSON-Builder, scroll_bindings, Stroke-Drawing-Animation.
Feature
AI
29. März
Home Page Redesign (Creation Hub)
Rotating Headline (8 Varianten), Animated Typing, Hint Chips, FeaturedCards, Arrow-Navigation, Stagger-Animation.
UX
Navigation Redesign
Beta-Style Grouped Sidebar: Home, My Scrollys, Workspace (collapsible), Account. "New Scrolly" aus Sidebar entfernt.
UX
9 Safari Memory Leak Fixes
cancelAnimationFrame, OrbitControls.dispose(), window.THREE, CSS3DRenderer DOM, SlidePlayer RAF, ResizeObserver, setPixelRatio.
Fix
Renderer Phase 1–3
Phase 1: Lottie (4 Modes). Phase 2: CSS3D/SVG Overlay. Phase 3: Live-Update Hooks + Generation Counters. Phase 4 reverted.
Core
Jan's Feedback (8 Fixes)
Hub→Homepage, 1:1 Default, Credits-Jump, Nav-Arrows, Social Preview, SearchDialog Crash, Settings z-index.
Fix
Slide Navigation API
scrollToSlide(), getCurrentSlideIndex(), onSlideChange Callback. EditorEventBus graceful skip.
Feature
28. März
Renderer-Fixes (Kamera + Scaling)
FOV=10, z=4000 von scrollyfrontend portiert. groupRoot Scaling, calcWidth/calcHeight, Background Cover >=4096.
Core
Medien-Library Features
Server-Side Search (bilingual), "Eigene Medien", gruppierte Kacheln, "Zuletzt verwendet" (DB + API + UI).
Feature
Org Branding Integration
useMyOrgBranding() Hook, Override-Dots, Reset auf Org-Werte. Settings Font-Dropdown in eigenem Schnitt.
Feature
Unsplash UTM + Logo + Autosave
Klickbare Photographer-Links, Logo in Published Scrollys, Autosave isFirst-Bug, AI-Thumbnail Fallback.
Fix
26. März
Video-Playback + Lottie
Loop/Ping-Pong/Once/Scroll implementiert. Lottie-Library (80 Illustrationen + 80 Hintergründe). visibilityOverrides.
Feature
Editor-Settings + Sidebar
Settings-Dialog Redesign, Logo/Textbox Tabs, Sidebar flache Navigation, Text-Editor Toolbar (flex-wrap, Farbpaletten).
UX
Mobile Platform
BottomTabBar, MobileDrawer, BottomSheet, SwipeableCard, PullToRefresh, useBreakpoint Hook.
Feature
25. März
Scrolly Library (646 Assets)
271 Flaggen, 215 Icons, 80 Illustrationen, 80 Hintergründe. Batch-Upload-Scripts. SearchDialog-Komponente.
Feature
Video-Editor + Editor UX
Video-Editor aus scrollyfrontend wiederhergestellt. Hochladen/Suchen-Buttons, Card Sections, PanelSection Headers.
Core
UX
6.–9. März
RBAC + Plans + Settings + i18n
38 Capabilities in 10 Kategorien. PlansPage mit Accordion + Limits-Editor. 7 Settings-Tabs. 647 i18n-Keys (DE+EN).
Core
Feature
Dokumentation
Aktuell
11
CLAUDE.md
10. Apr
HANDOVER.md
10. Apr
VIEWER-ARCHITECTURE.md
10. Apr
NGINX-NOTES.md
10. Apr
STUDIO-MASTER-PROMPT.md
9. Apr
STUDIO-BRANDING.md
9. Apr
STUDIO-SVG-DESIGNREGELN.md
9. Apr
STUDIO-COMPOSE.md
8. Apr
STUDIO-BACKLOG.md
7. Apr
STUDIO-ANIMATION-ROADMAP.md
7. Apr
BACKLOG.md
4. Apr
Veraltet
6
README.md
3. Mär
ARCHITECTURE.md
6. Mär
STUDIO-STATUS.md
28. Mär
INFRASTRUCTURE.md
7. Mär
MIGRATION-PLAN.md
3. Mär
SESSION-STARTER.md
8. Mär
Red Flags
3
2 Studio System-Prompts
Unklar welcher aktiv
STUDIO-STATUS 2.md
Duplikat
6+ Root-Dateien
Gehören nach docs/archive/
Offen / Geplant
Hoch
Unsplash Production-Upgrade
Victor-Antwort ausstehend. Screenshots hochgeladen, warten auf 50 → 5000 req/h Freischaltung.
Hoch
Compose erweitern
Weitere Overlay-Typen: Counter, Typewriter, Bar Race. Rezept in docs/STUDIO-COMPOSE.md.
Hoch
Intelligente Slide-Anzahl (AI)
Content analysieren → optimale Slide-Anzahl → passendes Template automatisch wählen.
Mittel
Scroll-Sync Bug
Preview-Scroll aktualisiert Content-Form nicht. scrollSyncIndex ↔ selectedPanel Loop.
Mittel
Logo im Editor-Preview
Logo-Overlay in der Editor-Vorschau nicht sichtbar, nur im Published Viewer.
Mittel
Template-Tausch bei Content
Neues Layout, gleicher Content. Bestehendes Scrolly in anderem Template rendern.
Niedrig
Hintergrundfarbe nicht angewendet
Settings-Farbe wird im Renderer nicht übernommen. Teil der Renderer-Konsolidierung.
Niedrig
⌘K Navigation
Globaler SearchDialog-Shortcut. Braucht UX-Design.