Mencoba NUXT
Tidak jauh-jauh dari vue js, beberapa waktu lalu menemukan berita bahwa NuxtJs resmi rilis, tidak lagi beta. Lalu setelah mencoba versi beta yang saya pasang di alamat ariesmaulana.bitbucket.io akhirnya saya coba versi rilisnya, dan sebenarnya saya tidak terlalu merhatiin sih bedanya apa. Saya coba cari cara buat nempelin link itu aja sih.
Nuxt dikenal sebagai framework untuk vue js jika ingin membuat web dengan metode Server Side Rendering ( SSR ). Perbedaan saat menggunakan vue js biasa dengan metode SSR paling mudah dapat dilihat dari hasil akhir. Perhatikan gambar di bawah ini perbandingan keduanya dengan syntax yang hampir mirip.
Vue.js
-
{{ list.name }}
Nuxt
-
{{ list.name }}
Perhatikan view source peramban, aplikasi dari vue dia tidak mengeluarkan konten user 1 maupun user 2 bandingkan dengan versi Nuxt yang di dalam view source konten user 1 dan user 2 ikut ditampilkan, pertanyaan yang muncul bagus mana ?
Kalau dilihat dari hasil akhir sih tidak jauh beda dua-duanya menampilkan hal yang sama, tapi, satu hal yang jadi keunggulan metode SSR adalah SEO FRIENDLY, kalau saya tidak salah Google itu saat crawler akan melihat konten si webnya, sehingga metode vue yang biasa bukan SSR kurang bersahabat.
Ada satu metode lagi yang mirip SSR namanya pre-rendering, lain kali saya coba kalau tidak malas.
Jadi apakah lebih baik Nuxt daripada Vue ? Bagi saya jawabannya tergantung kebutuhan. Kalau ingin menggunakan fitur-fitur vue namun juga ingin tetap SEO Friendly, SSR ( dalam hal ini NUXT ) lebih baik, namun jika tidak peduli dengan SEO ( misalkan halaman admin ) maka vue standar jauh lebih baik, tidak overkill lah.
Syntax
Kalau diperhatikan syntax di atas, ada perbedaan, pada vue saya menggunakan data() sedangkan di Nuxt menggunakan asyncData(). Menggunakan asyncData() itulah kenapa konten dapat ditampilkan dalam view source. Tapi data() pun tetap dapat digunakan di Nuxt, karena hasil dari asyncData() pada akhirnya digabungkan dengan data().
Tengok halaman api di web Nuxt JS : https://nuxtjs.org/api
Saya belum terlalu banyak explore lagi Nuxt, palingan nulis tentang “Bagaimana Setup Aplikasi NUXT di Server/VPS Debian”
Segitu dulu aja, kalau ada salah-salah saya harapkan koreksinya di kolom komentar.
Bhay ~