Membuat Middleware Dengan Vue-Router

Middleware yang saya pahami adalah suatu fungsi atau metode yang berguna untuk menyaring request yang masuk. Contoh paling umum adalah: halaman atau request yang hanya bisa diakses saat user telah login atau memiliki akses. Jika user belum login atau tidak memiliki akses maka request akan ditolak. Penerapan di Vue router…

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…

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…

Mencoba Vue CLI 3

Kalau ngomongin framework javascript kurang pas rasanya kalau tidak menyertakan vue js, menurut saya vue js ini salah satu framework javascript yang cukup pesat perkembangannya. Dulu saat pertama kali ngomong di kantor yang sebelumnya mending pake vue js cukup sering ditanya balik kenapa gak React? Ya menurut saya vue js…

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…