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

Mulai Nonton Daftar Video

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