Store Eltrino (Hyva)
Наш магазин розширень Magento - це місце, де ми першими тестуємо нові технології. З першим релізом Hyvä ми мігрували, створили власну інтеграцію з Stripe та постійно підтримуємо стек у актуальному стані.
since 2011
Hyvä виглядала перспективною, з першим же релізом ми мігрували власний магазин Magento розширень, щоб перевірити її на практиці.
Про проект
Ми працюємо як агентство веб-розробки для eCommerce з 2011 року, і з того часу технологічний ландшафт значно змінився. Розробників часто спокушають нові та перспективні технології. Проте ми вважаємо за краще тестувати інновації на собі, перш ніж рекомендувати їх клієнтам. Саме тому наш власний магазин розширень Magento (Adobe Commerce), store.eltrino.com, служить полігоном для експериментів, інновацій та перевірки рішень. Хоча наш магазин відносно невеликий і має простий функціонал, він ідеально підходить для відточування навичок. Ми постійно оновлюємо стек, переходячи на найновіші версії Magento, Hyvä, PHP. Кожного разу, коли виходить нова версія, ми одразу тестуємо її на нашому магазині.
У 2019 році ми протестували Vue Storefront на нашому магазині. До 2021 року ми вирішили дослідити тему Hyvä. Ми почали працювати з Hyvä Theme на ранньому етапі, адже з самого анонсу вона виглядала дуже перспективно. Коли з’явилася перша версія, ми одразу почали її тестувати.
Виклик
Раннє впровадження нових технологій має свої ризики. Коли ми почали працювати з Hyvä з її першим публічним релізом (2021), екосистема була ще на початковому рівні. Спільнота була невеликою, а деякі функції — недоступними «з коробки». Як і з будь-яким новим продуктом, очікувалися певні помилки та обмеження.
Проте однією з найвражаючих рис була оперативність команди Hyvä. Від самого початку вони швидко реагували на запити підтримки та повідомлення про помилки, активно прислухаючись до спільноти та оперативно впроваджуючи покращення. Саме ця відданість успіху розробників — одна з причин, чому Hyvä сьогодні така потужна та стабільна.
То як далеко просунулась Hyvä?
Hyvä: 2021 vs. 2025 що змінилось
| Функція / Можливість | Hyvä 2021 (Перші версії) | Hyvä 2025 (Поточний стан) |
|---|---|---|
| Стабільність теми | Запущено у лютому 2021; швидкий цикл релізів; раннє використання здебільшого малим і середнім бізнесом; обмежена кількість кейсів (Hyvä Showcases 2021–2022). | Зріла, готова до використання на рівні підприємств; тисячі активних сайтів; впроваджена провідними брендами, включаючи Dunkin’, Volkswagen, Purina, Citizen Watch (Hyvä Business Review 2023). |
| Бібліотека UI-компонентів | Базові компоненти на Tailwind CSS + Alpine.js (кнопки, форми, сповіщення); відсутність формалізованої UI-бібліотеки; обмежена підтримка доступності. | UI-бібліотека Hyvä з багаторазовими, гнучко стилізованими компонентами; Alpine.js-хелпери як x-defer; покращена доступність; задокументовані патерни для сіток, навігації, модальних вікон, акордеонів (Hyvä UI Docs). |
| Опції оформлення замовлення | Відсутній нативний Hyvä Checkout; торговці використовували fallback на Luma або власні рішення. | Офіційний Hyvä Checkout; швидкий інтерфейс на React; у планах оновлення UX, підтримка CSP, збережені платежі, покращені процеси входу/гість (Hyvä Roadmap 2025). |
| Інтеграції оплат | Обмежені; більшість платіжних шлюзів вимагали кастомізації; Mollie ще не підтримувався. | Офіційна інтеграція Mollie; сумісність із нативним модулем PayPal Magento; інші шлюзи підтримуються через Hyvä-сумісні версії або патчі (Hyvä Roadmap 2025). |
| Сумісність зі сторонніми модулями | Багато розширень на JavaScript вимагали індивідуальних патчів; короткий список сумісності. | Сотні офіційно підтримуваних Hyvä-сумісних розширень; охоплюють пошук (Algolia, ElasticSuite), персоналізацію (Nosto), доставку (ShipperHQ), маркетингову автоматизацію (Dotdigital) (Hyvä Compatibility Tracker). |
| Екосистема розробників | Невелика спільнота перших користувачів; обмежена документація. | 6,200+ учасників Slack; сотні партнерських агенцій; активні репозиторії на GitLab; регулярні вебінари, демо і кейс-стаді. |
| Документація та підтримка | Базова документація у вигляді markdown-файлів на GitHub; допомога через Slack та GitHub Issues. | Повний портал документації; приватний Slack для ліцензіатів; відстеження задач через GitLab; відеоуроки на YouTube; LinkedIn-розсилка “Hyvä Hot Cakes” (Hyvä Docs). |
| Оптимізація продуктивності | Легка архітектура без RequireJS/Knockout/jQuery; Lighthouse >90 з коробки; мінімальна необхідність у налаштуваннях. | Вбудована оптимізація Core Web Vitals; відкладене завантаження JS/CSS; оптимізація зображень (WebP/AVIF); адаптивна зміна розміру зображень; inline критичний CSS (Hyvä Roadmap 2025). |
| Підтримка CMS / Конструктора сторінок | Magento Page Builder не підтримувався за замовчуванням; вимагав індивідуальної інтеграції. | Hyvä CMS (у складі Hyvä Commerce) з редактором drag-and-drop, попереднім переглядом, плануванням публікацій, контролем версій; повна сумісність із Magento Page Builder (Hyvä Roadmap 2025). |
| Основні функції | Єдина тема вітрини на базі Tailwind CSS + Alpine.js; мінімум залежностей JS; базові компоненти вітрини; відсутність вбудованої CMS; без змін в адмін-панелі. | Розширений пакет: Hyvä Theme, Hyvä Checkout, Hyvä UI, Hyvä CMS; функції включають drag-and-drop CMS, попередній перегляд, контроль версій, планування публікацій, roadmap візуального мерчандайзингу, оптимізацію зображень, Checkout із підтримкою CSP (Hyvä Roadmap 2025). |
| Модель внесків | Ліцензія з закритим кодом; внески приймались лише від перевірених розробників; ранні внески переважно були виправленнями помилок та патчами сумісності. | Ліцензія із закритим кодом, але висока співпраця між ліцензіатами; модулі сумісності підтримуються спільно на GitLab; агенції роблять внески в Hyvä UI; дорожню карту формує спільнота через Slack та події (Hyvä Contribution Info). |
| Впровадження та довіра | Здебільшого використовується малим і середнім бізнесом; ранні користувачі; небагато публічних кейсів. | Довіряють тисячі (~6,000) торговців у всьому світі; використовується в B2C, B2B, та D2C; офіційне партнерство з провідними розробниками Magento-розширень (Hyva Themes Usage Statistics). |
Що ми зробили
- 🎨 Створили кастомну тему на основі Hyvä з нуля
- 💳 Розробили платіжний метод Stripe для Hyvä React Checkout
- 🚀 Повна міграція магазину на Hyvä за ~200 годин
- 🧪 Впровадили найкращі практики Hyvä, готові UI-компоненти та останній набір функцій
- 🔄 Постійне оновлення Magento, Hyvä та PHP до актуальних версій
Результати
Використовуючи наш магазин як реальний полігон, ми підтвердили, що Hyvä — це високопродуктивне, зручне для розробників та ефективне рішення, ідеальне як для B2B, так і для B2C. Наша інтеграція Stripe integration for Hyvä React Checkout стала важливим внеском.
Що у підсумку
Ми мігрували наш магазин розширень Magento на тему Hyvä як одні з перших, використовуючи його як полігон для експериментів.
Це дозволило нам вивчити функціонал Hyvä, його неперевершену продуктивність, швидкість розробки та зручність у підтримці, сформувати робочі процеси та зробити внесок у розвиток екосистеми.