WorkCase study · E-commerce
Xonar.co
Custom international e-commerce platform designed, developed and shipped to production in 8 weeks.
XONAR at a glance
Version 1 · fully custom
8 weeks
Design to production
- In production
100+ orders
To date · live at xonar.co
- iyzico
- Active
- Stripe
- Integrated
6 languages
Localized storefront
ENTRESFRDEIT
2 payment providers
Integrated payments
Stripeiyzico
1 custom storefront
Integrated with Shopify
Next.jsShopify API
01 The challenge
XONAR sells internationally from one storefront in six languages, and needed the brand experience of a flagship store, not a template shop.
The storefront had to handle six languages, secure accounts and payments, and run reliably in production from day one.
02 Version 1
We built the first version as a fully custom platform in 8 weeks.
Version 1 ran on a Next.js storefront, a NestJS backend with PostgreSQL and Redis, and custom payment and integration logic: the entire commerce stack, engineered by Velantra.
03 Today
XONAR now runs as a custom, headless storefront integrated with Shopify.
At the client’s request, standardized commerce moved to Shopify — faster to operate, easier for their team to manage and less custom e-commerce infrastructure to maintain. The storefront and the logic around it stayed custom.
Architecture · today
Shoppers
6 languagesOne storefrontPriced in TRYCustom · engineered by Velantra
Next.js storefrontCart and storefront logicLocalizationAuthentication integrationIntegration layerServer-side API routesShopify API integrationPlatforms and providers
ShopifyCommerce infrastructureiyzico and StripeBoth integratediyzico activeExchange ratesOfficial Turkish rate APIs
- Payments
- Stripe and iyzico integrated and switchable; iyzico active
- Pricing
- Converted with official Turkish exchange-rate APIs
- Deploys
- Automatic on every push to the repository
Product catalog
Product page, English
04 Our contribution
Velantra designed and engineered the original platform and the custom storefront that runs today.
We don’t default to custom. When XONAR asked to move standardized commerce to Shopify, we kept custom engineering where it sets the brand apart.
Custom storefront
The Next.js storefront shoppers use, in six languages.
Authentication integration
Customer accounts and sign-in, run through the headless storefront rather than a Shopify theme.
Shopify API integration layer
Connects the storefront to Shopify, which runs the commerce infrastructure.
Cart & storefront logic
Cart and storefront rules live in custom code, not in platform defaults.
Localization
Six storefront languages from one codebase.
Middleware & server-side API routes
Server-side code between the storefront, Shopify, payments and exchange rates.
05 Product screens
The live store, from catalog to checkout.
German catalog and product page, a switch to English, then cart and checkout with iyzico.
06 Technology
07 Outcome
XONAR is live and selling — not a prototype, a production business.
In production
Serving real customers, live at xonar.co.
Six languages
One storefront and one codebase for shoppers in six languages.
Built to evolve
Moved to headless Shopify at the client’s request while the storefront stayed custom.
Have a project like this in mind?
Start a project