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…

Memasang Jquery di Nuxt

Jquery bagi beberapa orang sudah dianggap jadul dengan maraknya framework javascript, tapi, ternyata masih banyak plugin-plugin yang membutuhkan jquery ini. Tulisan ini membahas bagaimana memasang jquery di aplikasi nuxt. Memasang Jquery npm install jquery Mendaftarkan Jquery Buka nuxt.config.js lalu tambahkan webpack di bagian palig atas. const webpack = require(…

vue-slick di Nuxt

Nuxt merupakan salah framework js bagi vue js untuk membuat aplikasi dengan metode SSR ( server side rendering ) apa kelebihan ssr? Mungkin bisa dibaca di sini, silahkan baca saja tulisan saya ini tidak membahas itu. Walaupun Nuxt dasarnya dari vue js tapi tidak semua plugin vue js bisa berjalan mulus di…

Satu Lagi Dari Vue, VuePress

Satu lagi dari luang lingkup vue, setelah vue menjadi salah satu javascript framework yang populer, ada NUXT dengan Server Side Rendering, sekarang ditambah Vuepress platform berbasis vue untuk membuat static blog. Pemasangan Sebagaimana vue-cli, vuepress bisa kita pasang juga secara global dengan cara npm install -g vuepress Atau pengguna yarn…

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…

Percantik 'Alert' dengan SweetAlert2

Jadi beberapa waktu lalu saat membuat satu fitur ada satu yang kena protes, alert nya kurang cakep katanya. Setelah dilihat emang kurang cakep sih mungkin kalo pake xxxxxx bisa lebih cakep ~ Setelah googling akhirnya nemu yang sepertinya cocok dengan selera namanya sweetalert2, ini udah cukup cakep, instalasi mudah, penggunaan pun…

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…