Available for project

MID JUN 2026

(GMT+0)
Let's Talk

MapleAce

A bilingual (English & French Canadian) ball bearing e-commerce platform built for the Canadian market. Features a custom storefront, multi-level mega menus, JWT-based authentication, and a fully integrated admin panel — all running on a modern Next.js 16 + Prisma 7 stack with PostgreSQL.
(YEAR)2026
(TIMELINE)4 Weeks
(TECH STACK)
Next.jsE-CommerceMotionDev
(SERVICES)Website Development
Live Website
MapleAce
Challenges

The client needed a website that:

  • Serves both English and French-Canadian customers natively, without compromising either language experience.
  • Handles deep technical product specifications and multiple ball bearing variants without overwhelming buyers.
  • Operates exclusively in CAD with pricing, taxes, and checkout tailored to the Canadian market.
  • Offers a custom admin panel so the team can manage products, content, and orders without touching code.
  • Delivers fast, SEO-optimized pages in both locales to capture organic traffic across Canada.
  • Supports secure customer accounts with sign-in, sign-up, password recovery, and order history.
MapleAce
MapleAce
Solution

To meet the client's requirements, the website was built from scratch using Next.js 16 with the App Router, React 19, and TypeScript for end-to-end type safety. The architecture was designed around:

  • Bilingual routing powered by next-intl v4, ensuring native English and French-Canadian experiences with locale-aware URLs and SEO.
  • PostgreSQL with Prisma 7 ORM driving a robust 25-model schema covering products, categories, orders, users, and content.
  • Custom JWT authentication using secure HTTP-only cookies for fast, stateless, and safe user sessions.
  • Tailwind CSS 4 for a clean, responsive design system paired with Motion.dev animations for a polished feel.
  • Swiper-powered carousels and a side-drawer cart for a smooth shopping experience.
  • A fully integrated admin panel giving the client complete CRUD control over the catalog, content, and orders.
MapleAce
MapleAce
MapleAce
Result
  • Delivered a fully responsive, bilingual e-commerce platform with 12 homepage sections, mega menus, and a streamlined checkout.
  • Both English and French-Canadian customers enjoy a native browsing experience with seamless language switching.
  • The custom admin panel empowers the client to manage products, categories, and content without developer involvement.
  • Server-side rendering ensures excellent SEO visibility across Canadian search results in both languages.
  • The platform stands as a modern reference build for niche industrial e-commerce in a multilingual market.