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

Update kelas terakhir : 6 tahun yang lalu

cover nuxtjs-membuat-aplikasi-vuejs-universal.jpg

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

Daftar Video