Technologie-Stack
Ein Überblick über die modernen Technologien, die die Architektur von mediaflip.io antreiben.
Entwickelt für Leistung, Skalierbarkeit und Sicherheit in der Datenwelt.
Next.js 15
Serverseitiges Rendering und API-Routing
PostgreSQL & Prisma
Speicherung von Anwendungsdaten mittels einer relationalen Datenbank
Redis & BullMQ
Caching und Hintergrundaufgaben-Warteschlangen
Chakra UI v3
Bibliothek für Benutzeroberflächenkomponenten
TypeScript
Programmiersprache, die eine strenge Typenkontrolle gewährleistet
tRPC & React Query
Datenkommunikation zwischen Server und Browser
NextAuth.js
Benutzerauthentifizierung und Login
Zustand
State-Management-Bibliothek für React & Next.js
Framer Motion
Behandlung von Schnittstellen-Animationen
Server-Sent Events
Asynchrone Kommunikation und Echtzeit-Benachrichtigungen basierend auf Redis Pub/Sub
Bielik Guard
Mechanismus zur Überprüfung der Inhaltsqualität — polnischer Sicherheitsklassifikator
Gorse
Go-basierte Inhalts-Empfehlungs-Engine
Externe Integrationen
Wichtigste Dienste und APIs, die mit der Plattform verbunden sind.
- reCAPTCHA Enterprise
- Google Analytics
- Google AdSense
- Gemini API (Bildunterschriften, Tagging, Übersetzung, Meme-Bewertung)
- Google Indexing API (Benachrichtigungen an Google Search Engine über Inhaltserstellung oder -aktualisierung)
Stripe
- Zahlungen (Checkout & Abonnements)
- Webhooks
Cloudflare
- KI-API (Bildunterschriften, Tagging, Übersetzung, Meme-Bewertung)
- R2 Storage (Remote-Multimedia-Backups)
OAuth
- Google — Social Login
- Meta (Facebook) — Social Login
- Discord — Social Login
- Microsoft — Enterprise-SSO (Azure AD)
Resend
- Transaktionale E-Mail-API
Grafana Labs
- Faro RUM & Alloy Observability (Client-seitiges Fehler-Monitoring)
IndexNow
- Benachrichtigungen an Suchmaschinen über Inhaltserstellung oder -aktualisierung
Tor Project
- Tor-Exit-Node-Liste (Missbrauchsprävention)
GitHub
- Container Registry (ghcr.io)
- Actions (CI/CD)
Traefik / Let's Encrypt
- Reverse Proxy & Routing
- Automatische SSL-Zertifikate
Technische Details
Wichtige Säulen der Architektur:
Skalierbarkeit
Sicherheit
Leistung
Der Dienst läuft auf Next.js 15, was serverseitiges Rendering (SSR) und Suchmaschinenoptimierung (SEO) ermöglicht. Die Benutzeroberfläche ist in TypeScript unter Verwendung der Chakra UI v3 Bibliothek geschrieben, um ein responsives Design auf Mobil- und Desktop-Geräten zu gewährleisten.
Die Daten werden mithilfe von Prisma ORM in einer PostgreSQL-Datenbank gespeichert. Redis übernimmt die Warteschlangenverwaltung von Hintergrundaufgaben in BullMQ. Zusätzlich nutzt die Architektur Server-Sent Events (SSE) in Verbindung mit Redis Pub/Sub für Echtzeit-Benachrichtigungen.
Die automatisierte Inhaltsmoderation und das Tagging von Memes werden durch Sprachmodelle durchgeführt, die über Cloudflare Workers AI aufgerufen werden. Der In-Browser-Anwendungsstatus wird durch die Zustand-Bibliothek verwaltet. Die gesamte Architektur ist in Docker containerisiert und in der Cloud mit Docker Swarm bereitgestellt, einschließlich automatisierter Deployments über GitHub CI/CD.