Next.js Visual-Content Marketplace Frontend
A stock-image / visual-content marketplace
Overview
The production Next.js frontend for a stock-image / visual-content marketplace, a full server-rendered web application spanning discovery, media upload, galleries, authentication, and social sign-in, maintained and evolved over roughly two years.
The Challenge
A consumer-facing marketplace needs SEO-friendly server rendering, fast media-heavy pages, robust uploads, and broad device/locale support, including right-to-left languages, all in one cohesive, maintainable frontend.
What We Built
A Next.js application using the Pages router with SSR and server-side Firebase auth (firebase-admin, nookies) for secure sessions, dynamic Open Graph images via @vercel/og, and next-sitemap for SEO. The media layer carries over the Uppy + S3-multipart upload stack, Pro Gallery and PhotoSwipe presentation, in-browser capture, and face filtering. Mantine and Tailwind drive the UI, with full RTL support via stylis-plugin-rtl, Google Places autocomplete, social login buttons, QR codes, and OneSignal notifications. Firestore via React Query Firebase hooks backs the data layer.
Technologies & Approach
Next.js for SSR/SEO and routing; Firebase (client + admin) for auth and data; Uppy/S3 for uploads; Mantine + Emotion + Tailwind for a themeable, RTL-capable design system; Vercel OG and next-sitemap for shareability and discoverability. The architecture promoted the earlier minimal foundation into a maintainable production app.
Outcome / Impact
A long-lived, production marketplace frontend (2022–2024) delivering SEO-ready server rendering, internationalized and RTL-aware UI, and reliable media handling, the customer-facing centerpiece of the platform.
Capabilities Demonstrated
- Production-grade Next.js frontends with SSR and SEO tooling
- Secure server-side Firebase authentication and sessions
- Internationalization including full RTL support
- Reliable media uploads, capture, and gallery experiences at marketplace scale