Kolom Tekno

Memilih Antara Liquid dan Hydrogen: Panduan Headless Shopify bagi Developer

Ringkasan

  • Shopify merilis pembaruan Hydrogen berbasis React Router v7 sebagai opsi headless bagi toko daring.
  • Pendekatan ini menukar kemudahan Liquid dengan kendali penuh namun butuh pembaruan tiap tiga bulan.

Mayoritas toko online di platform Shopify hingga saat ini masih mengandalkan Liquid sebagai basis tampilan. Bahasa templat ini pertama kali diluncurkan pada 2006 oleh salah satu pendiri Shopify, Tobias Lütke, dan terbukti handal menjalankan jutaan transaksi tanpa konfigurasi server tambahan.

Namun, kebutuhan akan pengalaman belanja yang lebih dinamis mendorong lahirnya Hydrogen. Framework React resmi Shopify ini pertama kali meluncur pada 2022 dan kini berjalan di atas React Router v7. Hydrogen dirancang bagi perusahaan yang menginginkan kendali lebih besar pada antarmuka pengguna dibanding yang mampu diberikan oleh Liquid.

Liquid sengaja dirancang dengan batasan ketat. Hal ini agar pemilik toko dapat menyunting tema secara mandiri tanpa merusak sistem kasir. Pendekatan keamanan ini membuat pelaku usaha kecil bisa mengubah tampilan beranda pada tengah malam tanpa harus memanggil developer.

Keterbatasan Liquid mulai terasa ketika frontend harus berperilaku seperti aplikasi murni. Misalnya, ketika sebuah grup bisnis butuh status keranjang belanja yang tersebar di beberapa merek, atau alur kasir dengan logika kustom yang rumit. Online Store 2.0 sempat memberikan napas lega lewat templat JSON dan penyuntingan visual, namun tidak menyelesaikan semua masalah arsitektur.

Istilah "headless" kerap disalahartikan. Pada dasarnya, ini berarti memisahkan tampilan depan dari mesin backend Shopify yang menyimpan katalog, keranjang, dan pesanan. Data diambil lewat Storefront API berbasis GraphQL, lalu dirender sesuka tim pengembang. Keputusan untuk pergi headless sejatinya adalah tiga pilihan sekaligus: framework frontend, sumber API, dan lokasi hosting.

Bagi pelaku e-commerce Indonesia, terutama UMKM yang merambah pasar global lewat Shopify, Liquid tetap menjadi pilihan paling masuk akal. Biaya hosting gratis dan tidak adanya langkah pembangunan yang harus diawasi membuat operasional tetap ramping. Sebaliknya, perusahaan rintisan dengan tim engineer React yang kuat bisa memanfaatkan Hydrogen untuk menyatukan sistem desain situs pemasaran, aplikasi mobile, dan etalase toko.

Di Indonesia, ekosistem agensi pembuat toko Shopify mayoritas masih menguasai Liquid. Transisi ke Hydrogen membutuhkan investasi pada keahlian TypeScript dan GraphQL yang belum merata. Kecepatan juga menjadi catatan penting. Toko Hydrogen hanya akan cepat jika dioptimalkan dengan caching edge dan streaming rendering. Jika tidak, tema Liquid yang gemuk pun bisa mengalahkannya.

Pembaruan rutin menjadi beban tersendiri. Shopify menyesuaikan Hydrogen dengan Storefront API setiap kuartal, yang berarti perubahan yang merusak berpotensi muncul tiap tiga bulan. Ini adalah biaya pemeliharaan berkelanjutan, bukan sekadar perbaikan satu kali yang bisa dilupakan.

Tobias Lütke membangun Liquid dengan filosofi keamanan bagi merchant non-teknis. Filosofi itu bertahan lama karena melindungi pemilik toko dari kesalahan koding fatal. Di sisi lain, dokumentasi pengembang menekankan bahwa Hydrogen bukanlah pengganti Liquid, melainkan alat untuk skenario spesifik seperti katalog kompleks atau belanja berbasis kecerdasan buatan.

Perspektif jujur dari komunitas developer menyebutkan bahwa beralih ke headless sering kali didorong oleh preferensi tim yang lebih mahir di React daripada Liquid. Memaksakan tim membangun di Liquid justru memperlambat pengiriman fitur bagi pengguna akhir.

Shopify memamerkan versi baru Hydrogen pada pertengahan 2026. Arsitektur ini bergeser dari framework utuh menjadi kumpulan alat yang bisa dipasang ke tumpukan teknologi apa pun. Inti JavaScript murninya akan didampingi adapter tipis untuk React, Vue, dan Svelte, lengkap dengan fitur "agent skills" untuk memanggil API secara otomatis.

Tren ini akan memudahkan pengembang lokal beradaptasi tanpa mengubah ekosistem secara radikal. Mengingat Oxygen sebagai hosting Shopify menyediakan layanan gratis, adopsi Hydrogen di Indonesia kemungkinan besar akan diuji oleh brand multinasional yang beroperasi di sini sebelum menyebar ke startup domestik.

Mengapa Ini Penting

Adopsi Hydrogen di Indonesia akan menciptakan kesenjangan skill baru antara agensi e-commerce konvensional dan studio pengembang frontend modern. Biaya pemeliharaan rutin tiap kuartal berisiko membebani startup lokal yang belum memiliki budaya DevOps matang. Kehadiran "agent skills" pada Hydrogen versi 2026 berpotensi mendemokratisasi pembuatan toko headless, memungkinkan UMKM Indonesia bersaing secara visual dengan brand global. Pergeseran ke toolkit berbasis JavaScript murni juga membuka peluang integrasi lebih mudah dengan super-app lokal seperti Gojek atau Tokopedia di masa depan.

Sumber Asli
Dev.to
Tanggal
15 Juli 2026
Waktu Baca
4 menit