Setup Developer Mode

Developer Mode

Dengan developer mode maka:

• Punya dev store (tapi bukan production dan bukan toko jualan asli)
• Bisa edit theme pakai code
• Bisa pakai Shopify CLI
• Aman buat ekspreimen dan tidak menggangu toko asli

1. Buat Akun

• Cari halaman parners shopify lalu daftar.
• Bisa kunjungi link ini kalau belum ganti LINK.
• Verifikasi email
• Sign in
• Jawab pertanyaan yang ada

2. Dev Dashboard

• Pergi ke dev dashboard (apabila tidak menemukan bisa melalui search engine dev dashboard shopify).

3. Create Store

• Pergi ke dev stores
• Lalu tambahkan dev store
• Isi nama toko sesuai keinginan, misal: toko-latihan
• Pilih plan, misal basic
• Pilih generate test data agar sudah ada data, tapi jika tidak ingin silahkan uncheck

4. Install Shopify CLI

• Buka terminal dan install

  npm install -g @shopify/cli @shopify/theme
  

• Cek shopify

  shopify version
  

• Login shopify

  shopify login
  

5. Create first theme project

• Jalankan command

  shopify theme init nama_theme_project
  

  nama_theme_project bisa diganti sesuai yang diinginkan, misal

  shopify theme init my-first-theme
  

• Masuk ke project

  cd nama_theme_project
  

  sesuaikan nama_theme_project

6. Run theme project

• Konek ke store bisa tambahkan env atau tambahkan nama store saat menjalankan shopify.
• Jalankan ini apabila menambahkan env

  shopify theme dev
  

• Apabila tidak, bisa menjalankan command ini

  shopify theme dev --store=namastore.myshopify.com
  

7. Preview konten

• Buka preview, biasanya seperti ini

  http://127.0.0.1:9292
  

• Untuk halaman admin, bisa memilih link yang ada .../admin/themes/.../editor?hr=9292 di terminal

Notes

Beberapa command shopify: