SEMART International
Bilingual (EN/AR, RTL) marketing + catalog platform for advanced medical & military solutions — equipment catalog, training programs, 3D viewer and a secure admin panel.
Overview
SEMART International is a bilingual (English / Arabic with full RTL) marketing and catalog platform built for an international client supplying advanced medical and military equipment. Built on Next.js 16 (App Router, Turbopack, React Compiler) with next-intl localization, it pairs a public catalog — equipment, training programs, services, blog and case studies — with a credentials-protected admin panel (NextAuth v5) for managing content and image uploads to Supabase Storage. Data is modeled in Prisma 7 on Supabase Postgres, transactional email runs through Resend, training registrations can sync to Google Sheets, and product pages feature an interactive 3D equipment viewer powered by React Three Fiber.
Outcomes
- Live in production for an international medical & defense equipment supplier
- Full English/Arabic localization with automatic RTL layout
- Self-serve admin panel and an interactive 3D equipment viewer
Key Features
- Full EN/AR localization with automatic RTL layout (next-intl)
- Equipment catalog with an interactive 3D viewer (React Three Fiber)
- Training programs with online registration (optional Google Sheets sync)
- Credentials-protected admin panel (NextAuth v5) with image uploads (Supabase Storage)
- Prisma 7 + Supabase Postgres data layer
- Transactional email via Resend (contact & orders)
- Blog and case-study sections
- Next.js 16 App Router with Turbopack & the React Compiler
Role
Full-Stack Developer
Challenge
Deliver a trustworthy bilingual (incl. RTL Arabic) catalog site with a self-serve admin panel and 3D product visualization.
Solution
Used Next.js 16 + next-intl for first-class EN/AR routing and RTL, Prisma + Supabase for data and storage, NextAuth v5 for admin auth, and React Three Fiber for interactive 3D equipment views.