toko demo hidrogen

Templat hidrogen: Toko Demo

Hidrogen adalah tumpukan Shopify untuk perdagangan tanpa kepala. Hidrogen dirancang agar sesuai dengan Remix, kerangka web tumpukan penuh Shopify. Templat ini berisi pengaturan komponen, kueri, dan alat berfitur lengkap untuk memulai dengan Hidrogen. Ini diterapkan di hydrogen.shop

Lihat dokumen Hidrogen. Kenali Remix

Apa yang termasuk

• campuran
• Hidrogen
• Oksigen
• CLI Shopify
• ESLint
• Lebih cantik
• generator GrafikQL
• Rasa TypeScript dan JavaScript
• Tailwind CSS (melalui PostCSS)
• Pengaturan komponen dan rute berfitur lengkap

Memulai

Persyaratan:

• Node.js versi 18.0.0 atau lebih tinggi

npm create @shopify/hydrogen@latest -- --template demo-store

Ingatlah untuk memperbarui .env dengan domain toko Anda dan token API Storefront!

Bangunan untuk produksi

npm run build

Pembangunan lokal

npm run dev

Pengaturan untuk menggunakan API Akun Pelanggan ( /account )

Siapkan domain publik menggunakan ngrok

1. Siapkan akun ngrok dan tambahkan domain permanen (mis. https://.app ).
2. Instal ngrok CLI untuk digunakan di terminal
3. Mulai ngrok menggunakan ngrok http --domain=.app 3000

Sertakan domain publik dalam pengaturan API Akun Pelanggan

1. Buka admin Shopify Anda => Aplikasi/saluran Hydrogen atau Headless => API Akun Pelanggan => Penyiapan aplikasi
2. Edit Callback URI(s) untuk menyertakan https://.app/account/authorize
3. Edit Javascript origin(s) untuk memasukkan domain publik Anda https://.app atau biarkan kosong
4. Edit Logout URI untuk menyertakan domain publik Anda https://.app atau kosongkan saja