Cách Half Helix sử dụng hydro để xây dựng lại nguồn cung cấp Shopify

Khi các thương gia thương mại điện tử ngày càng chuyển sang sử dụng các công nghệ mới nổi như 3D và AR để tiếp thị sản phẩm của họ, các đại lý và nhà phát triển web đang nhận thấy sự gia tăng nhu cầu từ khách hàng.

Thương mại không có đầu là một loại kiến ​​trúc thương mại điện tử trong đó giao diện người dùng (hoặc người đứng đầu) cửa hàng của bạn được tách biệt với chức năng thương mại đầu cuối. Điều này cho phép người bán bán ở bất kỳ đâu trên web mà không bị hạn chế về phát triển, dẫn đến trải nghiệm người tiêu dùng phong phú hơn. Tuy nhiên, không có đầu không phải không có thách thức: Nó thường đi kèm với chi phí cao hơn cho khách hàng và có thể mất nhiều thời gian hơn để xây dựng và xây dựng, vì các nhà phát triển dành nhiều thời gian hơn để xây dựng chức năng cho hành vi của khách hàng từ đầu.

Nhưng tất cả những điều đó đã thay đổi vào tháng 11 năm 2021, khi Shopify ra mắt bản xem trước dành cho nhà phát triển của Hydrogen — khuôn khổ dựa trên React, do chúng tôi sáng kiến ​​để xây dựng mặt tiền cửa hàng web tùy chỉnh. Để giúp các nhà phát triển linh hoạt hơn trong việc xây dựng trải nghiệm người mua độc đáo trên API Storefront của Shopify mà không phải đánh đổi tất cả, Hydrogen cung cấp một môi trường khởi động nhanh với các thành phần dành riêng cho thương mại và các công cụ dành cho nhà phát triển. Điều này giúp tăng tốc độ phát triển và tăng thời gian sử dụng so với giá trị tạo ra. Hydrogen cũng tận dụng các công nghệ tích hợp tiên tiến để hỗ trợ nhiều loại phương tiện ngay lập tức.

Half Helix — một đại lý kỹ thuật số và Đối tác Shopify Plus tập trung vào việc xây dựng, phát triển và hướng dẫn thế hệ tiếp theo của các công ty thương mại điện tử — là một trong những công ty đầu tiên thử nghiệm điều này.

Rigel St. Pierre, Giám đốc Kỹ thuật tại Half Helix cho biết: “Các công trình không đầu ngày càng trở nên quan trọng hơn đối với công việc kinh doanh của chúng tôi, nhưng vẫn còn thiếu một thứ gì đó — và chúng tôi thực sự cảm thấy như Hydrogen đã trả lời điều đó”. “Vì vậy, đó là một cơ hội thực sự thú vị [to do the first Hydrogen build]. Đó là một loại không có trí tuệ. “

Tự tin vào giải pháp không cần đầu mới của mình và mong muốn sản phẩm này được sử dụng trong thế giới thực, Half Helix bắt đầu tạo trang Hydrogen đầu tiên: xây dựng lại Shopify Supply của riêng chúng tôi, với ngày ra mắt là Thứ Sáu Điện Tử. (BFCM) chỉ năm tuần nữa.

Đã chấp nhận thử thách!

Giới thiệu Hydrogen

Trước Hydrogen, Half Helix đã dành ít nhất hai đến ba tháng để xây dựng mặt tiền cửa hàng tùy chỉnh điển hình của Shopify, với một giai đoạn khám phá kéo dài.

“Rất nhiều thời gian với sự phát triển không ngừng nghỉ, chúng tôi luôn phải phát minh lại bánh xe: Làm thế nào để chúng tôi có được sản phẩm? Chúng ta đang tạo PDP như thế nào? Làm thế nào chúng tôi đang làm Thêm vào giỏ hàng? Rigel nói tất cả những yếu tố cốt lõi này.

Vì vậy, khi Half Helix nhận được thông tin tóm tắt về việc xây dựng lại cửa hàng Shopify Supply, họ rất hào hứng muốn biết Hydrogen sẽ đẩy nhanh quá trình phát triển như thế nào với các thành phần, hook và tiện ích sẵn sàng sử dụng được xây dựng xung quanh các mô hình dữ liệu Shopify.

Cửa hàng mới cần có thiết kế táo bạo, cung cấp trải nghiệm người mua từ đầu đến cuối liền mạch và bao gồm các nội dung phức tạp như mô hình 3D. Và Half Helix đã phải làm tất cả bằng cách sử dụng phiên bản đầu tiên của Hydrogen, vẫn đang được phát triển.

“Chúng tôi đã phải nhanh chóng xử lý các bản cập nhật cho khuôn khổ và chuyển đổi các khái niệm. Chúng tôi cũng phải giải quyết tình trạng thiếu ứng dụng mà chúng tôi thường sử dụng cho những việc như Rigel nói. Việc khắc phục sự cố này phải diễn ra mà không cần dựa vào các hướng dẫn, hướng dẫn của cộng đồng hoặc các trình cắm thêm, như những chương trình đã được tạo cho các khung hoàn thiện hơn như Next.js và Gatsby.

“Nó có một chút thách thức, nhưng nó rất vui.”

Tuy nhiên, nó không chỉ là niềm vui — nó là Nhanh.

Nhờ sự hỗ trợ tích hợp của Hydrogen dành cho các siêu trường, cho phép người bán và nhà phát triển xây dựng mô hình dữ liệu và nội dung tùy chỉnh, nhóm của Rigel không cần phải lo lắng về một CMS bổ sung và nhanh chóng nhận thấy rằng làm việc với Hydrogen rất dễ dàng và hiệu quả. Khả năng viết cả các thành phần máy chủ và máy khách có nghĩa là một số logic nhất định – theo truyền thống cần các chức năng không máy chủ – nằm trong tầm tay, cho phép nhóm tập trung vào việc xây dựng trải nghiệm thương hiệu sâu hơn.

“Khuôn khổ thực sự cho phép chúng tôi tập trung nhiều hơn vào các khía cạnh sáng tạo của dự án,” Rigel nói, người nói thêm rằng nhóm của anh ấy chủ yếu dựa vào chức năng gốc. Thêm vào giỏ hàng chỉ là một thành phần mà chúng ta có thể sửa đổi khi cần, ‘so với,’ Ồ, tôi phải tạo một API ‘hoặc,’ Tôi phải tạo một trình bao bọc cho điều này và trong GraphQL. ‘

Hydrogen đi kèm với sự hỗ trợ tích hợp cho một số công nghệ giúp việc xây dựng mặt tiền cửa hàng trở nên nhanh chóng và dễ dàng, loại bỏ công việc của tấm nồi hơi ra khỏi các thiết lập tiêu chuẩn. Ví dụ: làm việc với Tailwind – một khung CSS ưu tiên tiện ích – hóa ra lại là một nguồn tài nguyên tuyệt vời. Và bằng cách tận dụng các thư viện mạnh mẽ và được ghi chép đầy đủ như React và , Half Helix đã có thể đứng trên vai những người khổng lồ — cho phép nhóm của mình nhanh chóng tìm ra câu trả lời mà họ đang tìm kiếm.

Niềm tin ngày càng tăng của Rigel rằng Hydrogen là tương lai của sự phát triển không đầu đã được khẳng định khi anh chứng kiến ​​một nhân viên Half Helix mới trở thành người đóng góp cốt lõi cho dự án Shopify Supply.

Rigel nói: “Bản chế tạo Shopify đầu tiên của anh ấy dựa trên Hydrogen. “Thật không thể tin được khi thấy một người chưa từng xây dựng bằng Shopify quấn đầu họ quanh khung và bắt đầu xây dựng ngay lập tức.”

Hydro tạo ra các trang web để tăng tốc độ

Bằng chứng thực sự về thành công của Hydrogen là vào ngày ra mắt.

Vào ngày 26 tháng 11 năm 2021, Shopify đã khởi chạy lại cửa hàng cung cấp Shopify được xây dựng bằng Hydrogen, với các biển quảng cáo ở Quảng trường Thời đại của New York và Quảng trường Yonge-Dundas của Toronto, với mã QR chuyển hướng đến trang web. Chỉ riêng trong ngày Thứ Sáu Đen, chương trình khuyến mãi đã thu hút được gần 27.000 phiên và tăng gần 99% về người dùng mới.

Ngay từ đầu, Half Helix đã tự tin rằng trang web sẽ không có bất kỳ vấn đề nào về hiệu suất. Và vào ngày ra mắt, điểm số của Google Lighthouse đều đặn ở mức cao trong những năm 90 (trên 100). “Điều đó thực sự khó làm,” Rigel nói. “Nó cảm thấy nhanh chóng và chúng tôi đã có những chỉ số đó mà không thực sự cố gắng.”

Một giải pháp không đầu cho tương lai phát triển

Half Helix và Shopify có mã nguồn mở của Hydrogen để chia sẻ với cộng đồng Đối tác Shopify như một ví dụ phát triển tốt nhất trong lớp. Và khi chúng ta sắp phát hành tính khả dụng chung của Hydrogen, Rigel tin rằng nó sẽ thay đổi cách các đại lý tạo và phát triển các mặt tiền cửa hàng tùy chỉnh của Shopify. Mọi loại phương tiện được hỗ trợ trong Shopify đều được hỗ trợ trong Hydrogen, giúp trải nghiệm sản phẩm tương tác — bao gồm video, 3D và AR — dễ dàng hơn cho các nhà phát triển xây dựng và tạo ra nhiều khả năng tương tác sản phẩm chuyên sâu hơn.

Rigel nói: “Khi Hydrogen trưởng thành và khuôn khổ phát triển, đó sẽ là một cách tiếp cận rất khác để xây dựng các trang web so với cách chúng tôi đã làm trong vài năm qua. Anh ấy tin rằng việc mua vào của cộng đồng sẽ dẫn đến việc phát triển nhiều tài nguyên hơn nữa, giống như loại hiện đang tồn tại cho Next.js và Gatsby. Và nếu các đối tác ứng dụng Shopify bắt đầu phát triển các thành phần vững chắc có thể được sử dụng — tương tự như làm việc với các chủ đề dựa trên chất lỏng — thì điều đó sẽ chỉ giúp mở rộng thêm tiềm năng sáng tạo của các nhà phát triển cũng như cách các cửa hàng thương mại điện tử trông và hoạt động như thế nào.

Rigel nói: “Chúng tôi hy vọng Hydro sẽ là cách xây dựng mặc định của chúng tôi. “Việc kinh doanh của chúng tôi trở nên vô cùng hợp lý — thay vì tập trung ngân sách và thời gian vào chức năng cốt lõi, chúng tôi có thể tập trung vào việc sáng tạo và xây dựng các tính năng thực sự tuyệt vời”.

Tốc độ, vận tốc. Một ngăn xếp công nghệ mạnh mẽ. Các loại đa phương tiện hấp dẫn người tiêu dùng. Tất cả đều là Hydrogen và đó là khởi đầu của một tương lai tươi sáng cho thương mại điện tử không đầu.