Cara Upload Laravel Dengan Front End VueJs

Pengantar

Hai sob, kali ini kita akan membahas bagaimana sih caranya upload webste kamu yang menggunakan front end vue js atau lebih sering dikenal laravel vite. Laravel Vite adalah sebuah ekosistem pengembangan web yang digunakan dalam aplikasi Laravel untuk mengelola sumber daya front-end seperti JavaScript, CSS, dan HTML. Ini memadukan Laravel, sebuah kerangka kerja PHP populer, dengan Vite, yang merupakan alat pengembangan front-end yang cepat dan efisien.

Vite adalah alat pengembangan front-end yang sangat cepat yang dikembangkan oleh Evan You, pencipta Vue.js. Vite menggunakan sistem modul ESM (ECMAScript Modules) untuk mengirimkan sumber daya front-end dengan cepat. Ia juga mendukung hot module replacement (HMR), yang memungkinkan perubahan kode langsung terlihat di peramban tanpa perlu refresh halaman.

Laravel Vite

Pada Laravel 9, secara default tidak lagi menggunakan Mix untuk melakukan bundle assets ReactJS atau VueJS. Di versi ini, Laravel menggunakan Vite untuk melakukan compile asset JS dan CSS tersebut.

Karenanya sebelum kamu mengupload file website ke hosting, silahkan jalankan perintah compile berikut:

npm run build

Jika seluruh file assets telah berhasil di-compile, kamu akan mendapatkan tampilan seperti di atas. Dapat dilihat untuk file JS yg telah di-build terletak di dalam folder build.

Upload Laravel Vite Ke Hosting

Setelah berhasil melakukan compile asset dengan production mode di localhost, selanjutnya kamu bisa melakukan upload file laravel ke cPanel. Untuk tutorial upload laravel ke hosting, silahkan kunjungi link berikut 

Penutup

Demikian untuk pembahasan kali ini, semoga bermanfaat ya sob.