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…

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…

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…

Berkenalan Dengan NUXT

Jika mengikuti berita-berita terkait vue js pasti tidak akan melewati tools yang satu ini, ya NuxtJs framework untuk vue js ini memang sedang naik daun terlebih sekitar seminggu yang lalu Nuxt secara resmi rilis yang cukup membuat tenang kalau digunakan di produksi. > Silahkan baca tulisan tentang vue di serial catatan…