Daftar dan Belajar Sekarang!

NuxtJS membuat aplikasi vuejs universal

Mau pake aplikasi vuejs bukan hanya di frontend, tapi juga di sisi servernya. Lihat caranya disini membuat aplikasi Vuejs yang ramah dengan SEO

Poin: 110 EXP

kenalan nuxtjs dan install tampilan dan halaman dasar nuxtjs locked icon load css custom dan framework locked icon install plugin dan akses api dengan axios locked icon merapikan tampilan dengan v for locked icon memindahkan data di vuex store locked icon membuat component di nuxt locked icon navigasi dengan nuxt link locked icon property di component dan transisi halaman locked icon halaman dinamis di nuxt locked icon meta tag dan title dinamis locked icon

Detail Kelas

kenalan nuxtjs dan install

Kenalan dengan NuxtJS dan cara menginstall nuxtjs, membuat vuejs universal untuk aplikasi kita berikutnya


tampilan dan halaman dasar nuxtjs

Kita intip dulu bagaimana halaman dasar dari NuxtJS, dimana starting pointnya, apa aja default yang tersedia buat kita


load css custom dan framework

Cara load custom css dan framework css dari luar di aplikasi nuxtjs


install plugin dan akses api dengan axios

Bagaimana cara menginstall plugin di nuxtjs. Kita akan melihat contohnya dengan menggunakan axios di nuxtjs


merapikan tampilan dengan v for

Cara menampilkan data yang kita terima dari axios dengan v-for pada halaman vue js file


memindahkan data di vuex store

Memindahkan data yang awalnya di vue file jadi store (Vuex store) pada nuxt.js untuk mengatur state datanya


membuat component di nuxt

Cara membuat component di nuxtjs, sama seperti membuat component pada vue


navigasi dengan nuxt link

Navigasi menu yang muncul pada semua halaman di vue nuxt.js


property di component dan transisi halaman

Mengoper Property di component vuejs agar dinamis dan membuat transisi pada halaman lebih cantik di nuxtjs


halaman dinamis di nuxt

Bagaimana dengan membuat halaman dinamis pada nuxt.js seperti berdasarkan id user atau slug pada nama blog misalnya


meta tag dan title dinamis

Salah satu masalah yang sebelumnya kita temukan pada Vue js adalaha SEO, atau bagaimana nanti dia di search engine, seperti title atau meta data linenya agar menjadi dinamis sesuai halamannya


NuxtJS membuat aplikasi vuejs universal

time icon 9 bulan yang lalu
level icon Sulit