Vue: Catatan Belajar Vuex Namespaced

Pada tulisan sebelumnya yang tentang modular ada satu yang kurang sreg bagi saya, mengenai penamaan getters, mutations, dan actions yagn tidak boleh sama. Bagi saya ( dan bisa beda bagi yang lain ) misal jika saya sudah memisahkan satu alur katakanlah crud ke dalam satu berkas/module lalu module itu saya beri…

Vue: Catatan Belajar Modular Vuex

Salah satu fitur vuex yang membantu jika ukuran store sudah membengkak yaitu dengan sistem modular, sederhananya membuat module untuk spesifik state management. Konfigurasi Buat satu berkas sejajar dengan vuex ( store/index.js ), misal saya membuat module “product” yang bertanggung jawab dalam urusan CRUD produk (misalnya ),  saya buat dengan nama berkasnya…

Vue: Catatan Belajar mapHelper Vuex

Di tulisan sebelumnya saya menulis bagaimana menggunakan getters, mutation, dan actions. Di tulisan ini juga masih membahas yang sama, bedanya saat memanggil ketiga hal tadi kita akan gunakan “helper” yaitu: mapGetters, mapMutations, mapActions. mapGetters Sesuai namanya helper ini berfungi sebagai helper untuk getters, sederhananya mapGetters ini mapping ( istilah yang enak…

Vue: Belajar Vuex Lagi

> Belajar Lagi: > Tulisan ini dibuat setelah saya menggunakan vuex dan terlalu “dipaksakan” lalu setelah baca-baca lagi dokumentasi masih ada beberapa fitur dari vuex yang belum saya gunakan untuk memudahkan saya. Apa itu vuex? Menurut saya, vuex merupakan sentralisasi “data” atau kumpulan state yang memudahkan kita saat data atau state tersebut…

Integrasi Pusher + Nuxt

Pusher dari web pusher-comunity ngeklaim sebagai layanan real time yang sangat mudah digunakan. Biasanya pusher digunakan untuk mengirimkan notifikasi dan sebagainya. Kali ini saya mencoba integrasikan pusher dengan nuxt. Pusher SIlahkan daftar dulu di pusher.com dan pilih saja yang gratis, lalu setelah itu buat “app” baru di dashboard. Di…

NUXT2 Login dengan express-session

Req: * Nuxt 2 dengan backend express.js dan axios * express-session: Untuk menyimpan session user yang login * body-parser: Untuk menangkap request dari form body. Skenario: * Aplikasi memiliki 3 halaman * Home (index): Bisa diakses sebelum atau sesudah login * Login: Hanya bisa diakses jika belum login, saat diakses setelah login akan diarahkan ke…

Internationalize di NUXT dengan Vue-i18n

Kebetulan ada permintaan membuat fitur ubah bahasa di aplikasi yang sedang dibuat, karena sedang mengerjakan di NUXT saya nemu nuxt-i18n di bagian community, namun gagal saya terapkan mungkin saya yang kurang sabar dalam ngedebug. Akirnya saya ikuti pepatah kuno “banyak jalan menuju Roma” karena yang itu gak berhasil, saya cari…

NUXT: Autentikasi dan Session

Fitur umum yang hampir ada di setiap aplikasi adalah fitur login, fungsi paling sederhana dari fitur ini salah satunya untuk mengatur hak akses dari seorang pengguna. Misalkan ada halaman atau aksi yang hanya bisa diakses oleh pengguna yang sudah terautentikasi, sedangkan jika belum, aksi atau halaman tersebut tidak bisa dilakukan…