Xernel
The client already had a backend and needed a storefront for it. We built it in 5 days along with the docs, and their developer hooked up the API in a couple of hours.
- Client
- Xernel
- Type
- Software store frontend
- Our part
- Frontend and API docs
- Status
- Live
* Product count taken from the site when the screenshots were made.
A frontend for an existing API, fast. The Xernel team had their own backend and developers but no storefront. They needed a site with a catalog, product pages, statuses and support — built so their backend dev could connect it without digging through our code.
A Next.js storefront plus docs for every request. The site gets all its data from the API through a documented contract: which requests, which fields, which responses. The client only had to implement their side.
Home, catalog, products with video, EN / RU
Live state of every product
The docs their backend was connected by
Big type, a violet glow and smooth GSAP and Framer Motion animation. The orders button is pinned to the bottom of the screen so buyers can always get back to it.
The main audience speaks English; the Russian version lives at /ru. Translations run on next-intl, with a switch in the header.
Drag the divider — EN on the left, RU on the right
Gameplay video and gallery, system requirements, protection status and access plans. It all comes from the API, so a new product appears on the site without frontend work.
- Video and screenshots in one player
- System requirements and status
- Access plans
A separate page shows which products are working, which are updating and which are still in development. Buyers check it before paying instead of asking support.
Tickets with screenshots, video and logs attached, plus quick links to Discord, Telegram and email.
The mobile version keeps the video, statuses and plans. Hover or tap a screen to scroll it.
Swipe sideways · tap a screen to scroll it
Click a page to open it in full. Use ← → to flip through.
We'll build a storefront for your API and document the contract so your team can wire it up themselves.