Technology Stack
An overview of the modern technologies powering the mediaflip.io architecture.
Built for performance, scalability, and security in the data world.
Next.js 15
Server-side rendering and API routing
PostgreSQL & Prisma
Application data storage using a relational database
Redis & BullMQ
Caching and background task queuing
Chakra UI v3
User interface component library
TypeScript
Programming language ensuring strict type control
tRPC & React Query
Data communication between the server and the browser
NextAuth.js
User authentication and login
Zustand
State management library for React & Next.js
Framer Motion
Interface animations handling
Server-Sent Events
Asynchronous communication and real-time notifications based on Redis Pub/Sub
Bielik Guard
Content quality verification mechanism — Polish safety classifier
Gorse
Go-based content recommendation engine
External Integrations
Major Services and APIs connected to the platform.
- reCAPTCHA Enterprise
- Google Analytics
- Google AdSense
- Gemini API (captioning, tagging, translation, meme evaluation)
- Google Indexing API (Google Search Engine notifications about content creation or updates)
Stripe
- Payments (checkout & subscriptions)
- Webhooks
Cloudflare
- AI API (captioning, tagging, translation, meme evaluation)
- R2 Storage (remote multimedia backups)
OAuth
- Google — social login
- Meta (Facebook) — social login
- Discord — social login
- Microsoft — enterprise SSO (Azure AD)
Resend
- Transactional email API
Grafana Labs
- Faro RUM & Alloy observability (client-side error monitoring)
IndexNow
- Search engine notifications about content creation or updates
Tor Project
- Tor exit node list (abuse prevention)
GitHub
- Container Registry (ghcr.io)
- Actions (CI/CD)
Traefik / Let's Encrypt
- Reverse proxy & routing
- Automatic SSL certificates
Technical Details
Key architecture pillars:
Scalability
Security
Performance
The service runs on Next.js 15, enabling server-side rendering (SSR) and search engine optimization (SEO). The user interface is written in TypeScript using the Chakra UI v3 library to ensure a responsive design on both mobile and desktop devices.
Data is stored in a PostgreSQL database using Prisma ORM. Redis handles background task queuing in BullMQ. Additionally, the architecture utilizes Server-Sent Events (SSE) in conjunction with Redis Pub/Sub for real-time notifications.
Automated content moderation and meme tagging are handled by language models accessed via Cloudflare Workers AI. The in-browser application state is managed by the Zustand library. The entire architecture is containerized in Docker and deployed in the cloud with Docker Swarm, featuring automated deployments through GitHub CI/CD.