Deskripsi
Weaverse adalah pembangun halaman visual dan penyesuai tema yang dirancang khusus untuk Shopify Hydrogen, kerangka kerja untuk perdagangan headless. Ini memungkinkan tim untuk membangun toko headless yang sangat cepat dengan kesederhanaan drag-and-drop, komponen React, dan otomatisasi AI, menghubungkan backend e-commerce Shopify dengan frontend React kustom.
Dibangun untuk pengembang, Weaverse hadir sebagai SDK TypeScript yang dapat Anda instal ke dalam proyek Remix/Hydrogen yang sudah ada dan diadopsi secara bertahap untuk bagian atau halaman tertentu. Ini terintegrasi secara native dengan struktur data Shopify, termasuk metafields dan metaobjects, dan menyediakan editor visual berbasis bagian yang mencerminkan Shopify Theme Editor, sehingga pedagang dapat memperbarui konten tanpa menyentuh kode dan tanpa merusak alur kerja git pengembang. Asisten AI-nya dapat menghasilkan tata letak halaman dan konfigurasi bagian secara instan.
Weaverse menekankan kinerja: konten disimpan di cache di tepi, gambar secara otomatis dioptimalkan dan disajikan melalui CDN Shopify untuk meningkatkan Core Web Vitals, dan SDK tetap ringan sehingga aplikasi Hydrogen tetap dirender di sisi server dan cepat. Ini mempertahankan kompatibilitas dengan rilis Hydrogen terbaru, bekerja dengan rencana Shopify mana pun yang mendukung saluran penjualan Hydrogen, dan menawarkan tier gratis. Catatan: Weaverse tidak terafiliasi dengan platform hiburan Weverse.
Fitur Inti Weaverse
Pembuat halaman visual berbasis bagian dengan drag-and-drop
Dibangun khusus untuk Shopify Hydrogen (headless)
SDK TypeScript untuk proyek Remix/Hydrogen yang ada
Integrasi native Shopify (Storefront API, metafields, metaobjects)
Asisten AI untuk tata letak halaman dan konfigurasi bagian
Caching di tepi dan optimasi gambar otomatis
Pengeditan pedagang tanpa kode dan tanpa merusak alur kerja git
Kompatibilitas dipertahankan dengan rilis Hydrogen terbaru
Cara menggunakan Weaverse?
Instal SDK: Tambahkan Weaverse ke proyek Remix/Hydrogen baru atau yang sudah ada.
Hubungkan Shopify: Integrasikan dengan Storefront API, metafields, dan metaobjects.
Bangun halaman: Gunakan editor visual dan komponen React untuk merancang bagian toko.
Gunakan Asisten AI: Hasilkan tata letak dan konfigurasi bagian secara instan.
Publikasikan: Sajikan toko headless Anda yang dioptimalkan dan disimpan di cache tepi kepada pembeli.
Kasus Penggunaan Weaverse
- Membangun toko headless
- Pengeditan konten pedagang
- Alur kerja agensi dan pengembang
- Optimasi kinerja







