CRUD API di Nuxtjs

menggunakan nuxtjs untuk berinteraksi dengan API, kita akan melihat bagaimana sistem crud (create, read, update, delete) dengan API local yang kita buat melalui nuxt.js

Poin: 100 EXP

tutorial nuxt js crud api bikin api dengan json server locked icon install axios dan bulma locked icon memindahkan data di vuex store locked icon submit data ke api locked icon penulisan lain map action di vuex locked icon merapikan tampilan locked icon menghapus data locked icon edit dan update data locked icon sistem search locked icon download icon

Detail Kelas

tutorial nuxt js crud api

Trailer menggunakan nuxt js untuk mengakses API dengan axios


bikin api dengan json server

Kita akan membuat API local menggunakan json-server, kamu bisa melihatnya disini [link]https://jsonplaceholder.typicode.com/[/link]


install axios dan bulma

Bagaimana menginstall plugin seperti axios atau css framework dan menggunakannya di proyek nuxt.js


memindahkan data di vuex store

Memindahkan data dari .vue file ke vuex store


submit data ke api

Bagaimana cara menambahkan data ke API menggunakan nuxtjs


penulisan lain map action di vuex

Selain menggunakan mapaction dan spread syntax, ada penulisan lain untuk mengakses action dan state di vuex store kita dari .vue file


merapikan tampilan

Kita rapikan dulu tampilan dari proyek ini!


menghapus data

Menghapus dari dengan API di nuxt.js


edit dan update data

Mengupdate data dari API di nuxt.js


sistem search

Membuat sistem search dengan computed property di vuejs


CRUD API di Nuxtjs

time icon 8 bulan yang lalu
level icon Pertengahan