Người dùng thương mại điện tử ngày nay không còn bị giới hạn bởi một kênh hoặc một thiết bị để mua sắm mà có nhiều sự lựa chọn hơn như thông qua ứng dụng di động hay mạng xã hội. Chính vì vậy, mục tiêu chung của các doanh nghiệp là thiết lập sự hiện diện đa kênh để nhanh chóng tiếp cận và tương tác với khách hàng. Một trong những cách thức hiệu quả có thể kể đến là triển khai Headless eCommerce. 

Những năm qua, giới đầu tư đổ dồn sự chú ý vào các nền tảng Headless eCommerce cùng các giải pháp liên quan bởi họ tin rằng những công nghệ này góp phần định hình tương lai của thương mại điện tử. 

Theo Forbes, chỉ tính riêng trong giai đoạn 2020-2021 đã có hơn 1.65 tỷ USD vốn tài trợ được huy động cho các công nghệ Headless. Bắt nhịp với xu hướng này, tháng 6 năm 2021, Shopify đã ra mắt giải pháp Hydrogen hỗ trợ việc xây dựng giao diện cửa hàng thương mại điện tử không đầu.

Bài viết dưới đây sẽ làm rõ khái niệm về Shopify Hydrogen cùng ưu nhược điểm của framework này. 

Tổng quan

Shopify cung cấp cho doanh nghiệp giải pháp framework Hydrogen dựa trên React, và bây giờ được xây dựng với Remix, cùng giải pháp hosting toàn cầu Oxygen. 

Shopify Hydrogen là gì?

Trước đây, các nhà phát triển xây dựng website Shopify bằng cách sử dụng ngôn ngữ template (templating language) của nền tảng này có tên là Liquid, nhưng thường gặp phải một số hạn chế liên quan đến hiệu suất website. Vì thế, để đảm bảo hiệu suất website cho các cửa hàng thương mại không đầu, doanh nghiệp Shopify cần một giải pháp chuyên biệt. 

Thông thường, những doanh nghiệp triển khai dự án Headless trên Shopify Plus đều sẽ chọn framework React thay vì Liquid vì xét ở khía cạnh kỹ thuật React tối ưu hơn. Ngoài ra, những cửa hàng headless trên Shopify Plus cũng nâng cao hơn, linh hoạt tùy chỉnh và mở rộng hơn các cửa hàng headless trên Shopify tiêu chuẩn. 

Thế nên, Shopify đưa ra một giải pháp để cả doanh nghiệp Shopify Plus và Shopify tiêu chuẩn có thể xây dựng và phát triển website thương mại điện tử không đầu tối ưu nhất có thể. Do đó, giải pháp framework Hydrogen và hosting Oxygen đã ra đời. 

Shopify Hydrogen là framework dựa trên React cho phép các nhà phát triển xây dựng trải nghiệm giao diện frontend Shopify độc đáo và hoàn toàn tùy chỉnh. Framework sẽ bao gồm tất cả cấu trúc, thành phần và công cụ được dựng sẵn mà các nhà phát triển cần để nhanh chóng xây dựng cửa hàng headless và mang đến trải nghiệm người dùng cá nhân hoá.  

Shopify Oxygen là gì?

Shopify Oxygen là giải pháp hosting toàn cầu có thể lưu trữ nội dung tùy chỉnh – như cửa hàng Hydrogen – trực tiếp bên trong nền tảng Shopify. Trước đây, doanh nghiệp Shopify khi muốn phát triển Headless eCommerce đều phải dựa vào nhà cung cấp hosting bên thứ ba (ví dụ Netlify). 

Trong khi đó, Oxygen được hỗ trợ bởi cơ sở hạ tầng toàn cầu của Shopify với hơn 100 vị trí máy chủ được đặt khắp nơi trên thế giới. Cửa hàng Hydrogen nhờ vậy mà có thể tích hợp với hosting Oxygen một cách trực tiếp và liền mạch thông qua Storefront API, loại bỏ sự phụ thuộc vào nhà cung cấp bên thứ ba. 

Remix – Điểm nhấn mới của Shopify Hydrogen

Quý 1 năm 2023, Shopify chính thức ra mắt Hydrogen v2 với điểm nhấn nằm ở công cụ phát triển web – Remix. Công cụ này được các nhà phát triển đánh giá là một trong những framework React tốt nhất hiện nay, chỉ sau Next.js. Theo đó, Shopify đã mua lại Remix và đặt để framework này là cốt lõi của giải pháp Shopify Hydrogen.

Lý giải đơn giản cho điều này là bởi Hydrogen v1 sau khi ra mắt một thời gian đã nhận nhiều đánh giá cho lỗ hổng liên quan đến hiệu suất website. Việc mua lại Remix là một phần trong nỗ lực cải thiện lỗ hổng đó và đưa đến sự ra đời của Hydrogen v2. 

Mặc dù giữa hai framework – Remix và Next.js, các nhà phát triển dành sự yêu thích cho Next.js nhiều hơn bởi cấu trúc mở cho phép tự do tùy chỉnh, dẫn đến trải nghiệm nhà phát triển tốt hơn, nhưng lại không thể đảm bảo chất lượng đầu ra và hiệu suất website. 

Trong khi đó, Remix với cấu trúc đóng, buộc các nhà phát triển phải lập trình theo khuôn mẫu của framework này. Việc này khá tương đồng với bản chất SaaS của Shopify – cung cấp một khuôn mẫu về phát triển web và buộc các nhà phát triển tuân thủ một số nguyên tắc nhất định trong quá trình triển khai.

Sự tuân thủ này giúp đảm bảo hiệu suất website và từ đó tăng tỷ lệ chuyển đổi lên đáng kể. Vì thế, Remix chính là giải pháp hoàn hảo mà Shopify lựa chọn để lấp đầy lỗ hổng hiệu suất đang tồn tại của các cửa hàng Hydrogen nhằm tối ưu trải nghiệm thương mại điện tử của khách hàng. 

Ưu điểm của Shopify Hydrogen

Được viết dựa trên React

Hydrogen là giải pháp mà Shopify đầu tư cho việc phát triển Headless eCommerce nên cũng có thể nói bất kỳ cửa hàng Shopify sử dụng framework Hydrogen và hosting Oxygen đều được xem là các cửa hàng Headless Shopify. 

Kiến trúc Headless bấy lâu nay luôn được giới chuyên gia đánh giá cao và đặt nhiều kỳ vọng sẽ phát triển không ngừng. Vì vậy, khi Shopify đưa React – thư viện JavaScript để xây dựng giao diện frontend – làm cốt lõi của giải pháp Hydrogen cho thấy tầm nhìn xa của nền tảng này vào tương lai của thương mại điện tử sẽ dựa trên xu hướng Headless.

Tích hợp đa dạng

Sự ra đời của Shopify Hydrogen nhằm hỗ trợ doanh nghiệp xây dựng website thương mại điện tử không đầu chuyên nghiệp và cung cấp cho khách hàng trải nghiệm đa kênh liền mạch. Vì thế, Shopify cung cấp khả năng tích hợp cửa hàng Hydrogen với đa dạng ứng dụng và nền tảng bên thứ ba như Klaviyo, Gorgias, Rebuy (nâng cao trải nghiệm khách hàng), hay Sanity, Contentful, Builder.io (triển khai Headless CMS).

Tìm hiểu thêm về Headless CMS:

• Headless CMS là gì?
• 5 nền tảng triển khai Headless CMS (P1)
• 5 nền tảng triển khai Headless CMS (P2) 

Tích hợp để nâng cấp cửa hàng Hydrogen

Khả năng tùy chỉnh cao

Nhiều doanh nghiệp chọn triển khai Headless eCommerce là bởi họ có toàn quyền kiểm soát quá trình phát triển giao diện frontend và không bị giới hạn bởi nền tảng lựa chọn. Shopify Hydrogen cũng cho phép doanh nghiệp xây dựng giao diện website headless hoàn toàn tùy chỉnh và thực hiện một số tích hợp cần thiết cho mục đích mở rộng. 

Nhược điểm của Shopify Hydrogen

Yêu cầu trình độ kỹ thuật cao

Giải pháp Hydrogen giúp doanh nghiệp khai thác sức mạnh của Headless eCommerce nhưng vốn là một sáng kiến mang nặng tính kỹ thuật và không có trình thao tác kéo – thả dành cho người dùng không chuyên về kỹ thuật để truy cập vào và chỉnh sửa. 

Vì thế quá trình xây dựng yêu cầu sự tham gia của các nhà phát triển có chuyên môn cao về lập trình cũng như sự hiểu biết nhất định về Hydrogen và Oxygen. Trường hợp này doanh nghiệp có hai lựa chọn: xây dựng đội ngũ nhà phát triển nội bộ hoặc là hợp tác với đơn vị có chuyên môn bên ngoài để nhanh chóng triển khai. 

Hạn chế kết nối với các CMS

Vì dựa trên React framework nên Hydrogen chỉ có thể hỗ trợ các nhà phát triển xây dựng tuỳ chỉnh frontend, riêng chức năng CMS phía backend thì cần được kết nối vào để website thương mại điện tử không đầu hoạt động.   

Tuy nhiên, ở thời điểm hiện tại, Hydrogen chỉ hỗ trợ kết nối với một số CMS nhất định như Sanity, Contentful, Builder.io còn lại doanh nghiệp phải tự mình kết nối. 

Tích hợp với bên thứ ba vẫn còn hạn chế

Tương tự như với các CMS, Hydrogen hỗ trợ doanh nghiệp tích hợp với các ứng dụng của nhà cung cấp bên thứ ba nhưng khá giới hạn. Hiện chỉ có 13 ứng dụng khả dụng để doanh nghiệp tích hợp vào cửa hàng Hydrogen của mình. 

Trong nhiều năm triển khai Headless eCommerce cho nhiều khách hàng tại nhiều quốc gia, SECOMM nhận thấy nhu cầu xây dựng website Headless với nền tảng Shopify ngày càng nhiều. Giờ đây doanh nghiệp đã có thêm sự lựa chọn: sử dụng tech stack của Shopify (Hydrogen và Oxygen) hoặc là xây dựng với tech stack dựa trên nhu cầu riêng của mình. 

Điều đó góp phần khẳng định Shopify là một trong những nền tảng thương mại điện tử linh hoạt nhất hiện nay với bước đi trước thời đại hướng đến trải nghiệm thương mại điện tử thế hệ mới. 

Liên hệ hoặc gọi vào hotline của SECOMM (02871089908) để được tư vấn miễn phí.