Case Study - Aroma Candle Shop
Multilingual e-commerce platform with integrated CMS and blog
- Client
- Aroma
- Year
- Service
- ECommerce
Overview
Aroma is a comprehensive multilingual e-commerce solution for premium candles featuring:
- Storefront: Next.js 15 (App Router) with Tailwind CSS and Radix UI
- E-commerce Backend: Medusa.js with PostgreSQL database
- Content Management: Strapi headless CMS for blog/content management
- Payment Integration: Stripe payment gateways
- Search: Algolia-powered product search
- Internationalization: Next-intl for multilingual support
The architecture follows a modern headless approach with three independent systems communicating via APIs:
- Next.js frontend (React 19)
- Medusa backend (Node.js e-commerce engine)
- Strapi CMS (Content management)
Key Features
- Multilingual Support: Localized content for international markets
- Responsive UI: Mobile-optimized shopping experience
- Search: Algolia-powered product discovery
- Payments: Stripe integration
- Content Hub: Strapi-powered blog and content management
- Admin Dashboard: Medusa-powered backend management
Technical Implementation
- NextJS 15
- React 19
- Tailwind CSS
- MedusaJS
- Strapi CMS
- TypeScript
- PostgreSQL
- Stripe
- Algolia
- Radix UI
- Next-intl
Frontend Highlights
- App Router architecture with React Server Components
- Zustand for state management
- Sonner for toast notifications
- Embla Carousel for product galleries
- Next Themes for dark mode support
- Formik + Yup for form handling
