Двомовний e-commerce сайт 3D-друку — живий каталог, калькулятор друку з миттєвою ціною і безкоштовний конвертер 3D-моделей, живий на drukit.store.
Роль
Стек
Найскладніша частина
Магазину 3D-друку треба оцінити ціну практично для будь-чого, що завантажить клієнт, а не лише для фіксованого каталогу — і водночас лишатись швидким на рантаймі Workers (без нативних Node-аддонів), не блокувати UI-потік великими STL-файлами, і дати нетехнічному власнику реальну адмін-панель для керування цінами й замовленнями без коду.
Самостійно побудована e-commerce платформа для реального бізнесу 3D-друку: каталог з покупкою, кастомні замовлення друку з миттєвою ціною за STL-файлом чи вручну введеними розмірами, акаунти й історія замовлень, адмін-панель для товарів/замовлень/цін, і безкоштовний клієнтський конвертер форматів 3D-моделей — усе на Cloudflare Workers з базою D1, обгорнуте в анімований React Three Fiber hero і motion-керований інтерфейс.
Підхід
- Завантаження STL (парситься у Web Worker, об'єм — через суму signed-tetrahedron) або ручні розміри → миттєва ціна з коефіцієнтів у БД, налаштовується в /admin/pricing
- Кастомна JWT-автентифікація (httpOnly cookie, PBKDF2-хешування) замість Auth.js — Workers не запускає нативні crypto-аддони
- Каталог + кошик (Zustand, persisted) + історія замовлень, деплой на Cloudflare Workers з D1 для всіх даних через Drizzle ORM
- Адмін-панель з рольовим доступом для товарів, замовлень і налаштувань цін
- Безкоштовний клієнтський конвертер 3D-моделей — 7 форматів вхід/вихід через Three.js loaders/exporters, без серверного round-trip
- React Three Fiber hero (анімований принтер і writer-arm) і Framer Motion по всьому сайту, двомовний інтерфейс (укр/англ)
Примітка щодо перевірки
Живий у продакшні на drukit.store (Cloudflare Workers + D1 + R2) станом на серпень 2026. Оплата наразі підтримує лише накладений платіж — LiqPay/Fondy/WayForPay/Stripe підключені як типізовані заглушки провайдерів, очікують реальних торгових реквізитів. Без заяв про кількість замовлень чи дохід.