Yablochny, Spas!
Overview
A storefront for an Apple and Samsung retailer, moved from Tilda to Next.js without losing the design: parallax, a live catalog and checkout.
- Year
- 2026
- Type
- Store · Migration
- Role
- Design and full-stack development
- Link
- яблочный-спас.рф
- 292
- variants priced automatically
- 3
- supplier sources read daily
- 84
- products migrated from Tilda
Challenge and solution
The challenge
The store lived on Tilda, where checkout, SEO and integrations hit a ceiling. Supplier prices arrived as an Excel file and two Telegram channels, and had to be copied by hand into hundreds of product variants.
The solution
I rebuilt the storefront on Next.js with the design and animations kept 1:1, moved the catalog into mCRM and redirected every old Tilda link. A separate service reads three supplier sources every day, matches each offer to a store variant and updates prices — with a snapshot, a check after every write and automatic rollback.
Screens
What it does
- Catalog of 9 categories with Hit, New and Sale badges
- Product pages that also open as a modal over the storefront
- Checkout with a delivery-point picker and online payment
- Order page that updates live until the payment is confirmed
- T-Bank installments and a pay-later option
- Sign-in with a one-time code by email or SMS
- Calculator for delivery from abroad with a request form
Under the hood
- Idempotent Tilda → mCRM import; old product URLs answer with 301 redirects.
- Catalog cached for 60 seconds and refreshed instantly by an mCRM webhook.
- Price sync fits “colour price + option surcharge” with a HiGHS MIP solver and reports to Telegram.
- JSON-LD, sitemaps, RSS and a Yandex product feed for search.
- Next.js
- React
- TypeScript
- Tailwind CSS
- Zustand
- Zod
- Docker
- Coolify
- Telegram
- mCRM