~/oybek.dev
технологии
Commerce· с 2020

ShopifyHydrogen

Я строю headless-витрины Shopify на Hydrogen — checkout и склад Shopify за быстрым кастомным фронтендом на React. Сделал так для бьюти-бренда Siella, которому нужен был флагманский магазин, не похожий на шаблон.

Что я на нём строю

Кастомные витрины на Hydrogen — React-фреймворке Shopify, с деплоем на edge. Checkout, платежи и склад остаются в Shopify; тему я заменяю фронтендом, который принадлежит вам — быстрые страницы товаров, контентные лендинги и CMS, которую реально может вести ваш маркетинг. Без Liquid и без борьбы с темой.

Почему это выигрыш для клиента

У тем есть потолок — скорость, дизайн и любая кастомизация дорожают одновременно. Hydrogen этот потолок убирает: server-rendered React даёт магазин, который быстро грузится и ранжируется, с полной свободой в UX и брендинге. Надёжность Shopify — под витриной, которая не похожа ни на чью другую.

Где я это запускал

Siella Beauty я построил на Shopify с фронтендом на Next.js — это флагманский магазин, а не шаблон. Тот же опыт headless-коммерции стоит за более крупными проектами вроде региональной e-commerce Geely. Я делал коммерцию для брендов NIO, Geely и Emarat, поэтому знаю, где headless окупается, а где умнее обойтись обычной темой.

Для кого это

Для брендов, которые переросли тему Shopify и хотят витрину, которая работает — DTC и бьюти-марки, founder-led коммерция, ретейл на росте. Работаю со стартапами и брендами в Ташкенте и Дубае — часто как senior-инженер или fractional CTO, который ведёт проект от и до.

Почему я выбираю это

01

Checkout остаётся, тема уходит

Checkout, платежи и склад остаются на Shopify. Тему заменяю на кастомный фронтенд на React: надёжная часть сохраняется, а ограничения уходят.

02

Витрина, которой нет у других

Для Siella Beauty я собрал флагманский магазин, а не шаблон: полный контроль над UX и брендом и витрина, которую ни с чем не спутаешь.

03

Скорость, которую видит Google

Hydrogen рендерит React на сервере, ближе к пользователю: страницы товаров грузятся быстро и хорошо ранжируются — теме Shopify такая скорость недоступна.

Сделано на этом

Частые вопросы

Подходит ли Shopify Hydrogen для кастомной витрины?

Да — именно для этого он и создан. Hydrogen — это React-фреймворк Shopify для headless-магазинов: checkout и админка остаются в Shopify, а сверху строится полностью кастомный фронтенд без ограничений темы по дизайну и скорости.

Когда выбирать Hydrogen вместо обычной темы Shopify?

Тему — если нужно запуститься быстро и дёшево и дизайн вас устраивает. Hydrogen — когда скорость, отличающийся бренд или кастомный UX важнее стоимости старта, обычно когда тема начинает мешать тому, что вы хотите сделать.

Hydrogen или MedusaJS — что выбрать?

Если нужно, чтобы checkout, платежи и экосистема Shopify просто работали — Hydrogen быстрее и безопаснее. Medusa имеет смысл, когда вам нужно владеть самим бэкендом коммерции. Я помогаю клиентам определиться на старте — у меня в продакшене есть и то, и другое.

Сколько стоит разработка на Shopify Hydrogen?

Зависит от объёма — сфокусированная флагманская витрина и полноценный мультирыночный проект стоят по-разному. Я детально оцениваю scope до цены, поэтому вы получаете реальный диапазон без накруток, а не размытую оценку. Расскажите про каталог и цели — и я его назову.

Делаете ли вы магазины на Shopify Hydrogen для клиентов в Дубае или Узбекистане?

Да. Я базируюсь в Ташкенте и работаю с клиентами по всем ОАЭ, включая Дубай — за плечами коммерция для региональных брендов NIO, Geely и Emarat. Удалённо, асинхронно, с опытом мультирыночных и многоязычных магазинов.

Также в «Commerce»

Есть похожая задача?

Начать проект