Overview

Bamboo Library adalah kumpulan komonen yang dibuat untuk menunjang kebutuhan templating. terutama untuk template dashboard, komponen bamboo library berbasis vue.js & CSS tailwind.

Berawal dari keresahan di proyek x tidak adanya komponen yang standard, membuat tim yang terlibat bingung untuk menggunakan komponen yang ada, meskipun dilihatnya sama aja, akan tetapi, template yang dibuat berantakan.

Kenapa milih bikin komponen sendiri? kan udah ada framework CSS bootstrap dan semacamnya yang berbasis komponen, tinggal pakai.

Meskipun berkesan idealis dan subjektif, alasannya karena divisi desain tidak ingin dashboard yang dibuat itu seperti adminLTE. There's no soul in the template 😅

Maka dari itu, Tujuan adanya komponen ini adalah untuk membantu tim membuat template lebih mudah dan efesien dengan identitas yang jelas sesuai dengan jenis masing-mising proyek

Emang bisa maintenance-nya?

• Karena sifatnya berbeda dengan menyimpan template direpo, jadi bamboo-library hanya fokus ke komponen kecil-kecil, jadi masih mudah di-maintenance.
• Karena based on css tailwind, semua yang berhubungan dengan layout, spacing, grid sudah menggunakan CSS tailwind. Bamboo-Library ini fokus ke styling saja.

Memulai Project

Ketika ada proyek baru, hal-hal yang perlu diperhatikan adalah

1. create project
2. Install cli vuejs/nuxtjs (based on type of project)
3. Install dan konfigurasi CSS tailwind
4. Simpan file theme-bamboo-library.sass ke folder assets/sass/themes