Shopify Hydrogen 2026-10 thành thư viện: những điều agency nên nói với khách

Trước đây, muốn dùng giỏ hàng hay analytics của Hydrogen thì cả storefront phải dựng trên nó, vì Hydrogen là framework xây trên React Router.

Giờ Hydrogen là một thư viện (library) gắn được vào bất kỳ framework JavaScript nào.

Hydrogen lo phần commerce, đội dev lo phần còn lại

Lựa chọn mới này có ý nghĩa ở chỗ Shopify chia lại việc giữa Hydrogen và đội dev. Theo Shopify, đội dev chỉ cần thêm thư viện vào app đang có, "thay vì phải chuyển nền tảng":

• Hydrogen lo phần commerce: giỏ hàng, variant, bộ lọc collection, tìm kiếm gợi ý (predictive search), Markets, analytics, Shop Pay, tài khoản khách.
• Framework của đội dev lo phần còn lại: routing, tải dữ liệu, hiển thị trang. Thiết kế hoàn toàn tuỳ đội dev.

Shopify giải thích vì sao Hydrogen nhận các phần này: chúng "khó làm cho đúng hơn ta tưởng". Giỏ hàng phải đúng khi khách bấm "Add to cart" hai lần, giá phải khớp quốc gia và tiền tệ của người mua, analytics phải tôn trọng lựa chọn đồng ý (consent) mà vẫn gửi được dữ liệu về Shopify.

Giỏ hàng ở đây không chỉ phục vụ khách bấm nút. Hydrogen dùng chung bộ thao tác chuẩn của storefront (standard storefront actions) với Liquid theme, nên app tương thích, giao diện và AI agent có thể cùng thao tác trên một giỏ hàng.

Trên trình duyệt hỗ trợ WebMCP (chuẩn web đang được đề xuất, cho phép trang đăng ký công cụ để AI agent gọi thẳng), agent mua sắm (shopping agent) tìm được sản phẩm, cập nhật giỏ, và sau khi người mua xác nhận thì Shopify Checkout có thể gửi đơn. Phía Shopify chia sẻ rằng developer "không phải dựng gì thêm" cho việc này.

Phần việc còn lại phía đội dev cũng có sẵn điểm xuất phát. Shopify kèm starter cho React Router và Next.js, cho host storefront ở đâu cũng được, Oxygen vẫn miễn phí, và có 20 skill dạy coding agent dựng storefront, từ trang chủ tới giỏ hàng và tài khoản, rồi tự chạy kiểm thử.

Có nên headless vẫn tuỳ vào app, nội dung và người bảo trì

Thư viện mới gánh bớt những phần vừa kể. Nhưng khi hai người từng làm dự án Hydrogen kể về cái giá của nó, cả hai cùng nhắc tới app, nội dung và người bảo trì, chứ không phải code commerce.

Trong một chủ đề thảo luận trên Shopify Community: cuối tháng 7, khi Hydrogen còn là framework, thành viên Hardeep, có đội đã làm cả dự án theme lẫn Hydrogen, chia sẻ ba điểm khó khi áo dụng Hydrogen như sau:

• Một số app Shopify không chạy sẵn trên Hydrogen nên phải tự làm lại
• Quản lý nội dung có thể khó hơn vì cần lên kế hoạch nhiều hơn
• Triển khai và giám sát tốn thêm thời gian của developer.

Đội của Hardeep chỉ chọn Hydrogen khi câu trả lời là "có" cho một câu hỏi duy nhất:

"Có bài toán kinh doanh nào mà theme Shopify không đáp ứng được một cách hợp lý không?"

Một thành viên khác trong thread, người đã cân nhắc Hydrogen cho vài dự án, chia sẻ rằng Hydrogen phát huy rõ nhất trong bốn trường hợp:

• Công cụ cho khách tự chọn, ghép các tuỳ chọn của sản phẩm và thấy kết quả thay đổi ngay trên trang (product configurator).
• Cổng bán hàng B2B phức tạp.
• Nhiều brand dùng chung một hệ thống phía sau (backend).
• Kết nối với hệ thống bên ngoài, khi cần chỉnh storefront sâu hơn mức Liquid thường cho phép.

Người này cũng nhắc tới chuyện vận hành sau khi làm xong.

Với theme, nhiều chủ store tự cập nhật hằng ngày được. Với Hydrogen, thường phải có developer theo sát để thêm tính năng mới, nâng cấp và tích hợp.

Bản chính thức mới chạm tới một phần những điểm khó này. Thông báo có nói "app tương thích" dùng chung giỏ hàng với storefront, nhưng không nêu app nào đã tương thích, cũng không nhắc tới việc biên tập nội dung.

Vì thế, với khách đang chạy theme, chúng tôi cho rằng vẫn nên hỏi trước có bài toán kinh doanh nào theme không đáp ứng được không, rồi mới bàn tới framework hay hosting.

Một số điều agency nên tư vấn với từng nhóm khách

Câu hỏi về bài toán kinh doanh là điểm bắt đầu khi nói chuyện với khách chạy theme. Khách đang dùng Hydrogen hay đã có site riêng thì cần những phân tích khác:

Bản 2026-10 thay đổi cách agency đưa Shopify vào một storefront, từ dựng lại cả trang sang gắn thêm một thư viện. Theo chúng tôi, chuyện khách có nên headless thì vẫn do app, nội dung và người bảo trì quyết định, vì vậy điều đáng hỏi khách đầu tiên vẫn là theme đã đáp ứng được những gì họ cần chưa.