Project: Static Site #2

Project #1

Halo, hari ini aku utak-atik tema untuk instalasi kemarin. Sebagian besar tema hugo bisa di download gratis dan bisa git clone dari repository mereka di github. Situs yang sedang kukerjakan menggunakan tema khusus untuk product catalogue. Pengembangan dimaksudkan untuk menjadikan tema ini menjadi galeri seni dengan spesifikasi untuk setiap konten yang dipamerkan.


# git clone tema dapat dilakukan menggunakan perintah berikut
git clone --depth 1 https://github.com/kishaningithub/hugo-shopping-product-catalogue-simple.git ./themes/hugo-shopping-product-catalogue-simple
# ./tools/hugo -v --source ./ # untuk mengimport konten

Minggu awal Februari ini aku mencoba untuk mengubah dependensi jQuery dengan Aplinejs. Manfaatnya terutama lebih ringan karena ukuran berkas alpinejs lebih kecil, cepat karena terdapat devtools yang berjalan di peramban dan yang paling utama adalah kita dapat menggunakan store sebagai single source of truth untuk status komponen di halaman. Store dapat diibaratkan sebagai bank data dalam konteks lokal untuk menyimpan status dari komponen yang digunakan, contoh sederhananya carousel sedang menampilkan slide kesekian atau halaman produk sedang ditampilkan di mode gelap atau terang. Meskipun masih dalam tahap pengembangan, namun tutorial alpinejs yang ada cukup mumpuni untuk sumber belajar. Sekian posting kali ini, silakan cek repository yang sudah kuperbarui beberapa hari ini.