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.

Related Posts
Tutorial Upload Aplikasi Laravel ke Hosting Melalui cPanel

Pengantar Hai, Sob! Buat kamu semua para developer yang lagi kepo gimana sih cara Upload Aplikasi Laravel ke Hosting? Nah, Read more

Tutorial Install Laravel di cPanel Jagoan Hosting

Hai Sob! Buat kamu semua para developer yang lagi kepo gimana sih cara Upload Aplikasi Laravel ke Hosting? Nah, tutorial Read more

Cara Install Laravel Dari Clone Git di cPanel

Halo Sob! Bagi developer handal seperti kamu, mendengar istilah laravel dan clone git adalah sesuatu yang familiar bukan? Nah, kali Read more

Cara Membuat Storage Link pada Laravel

Hai Sob! Sebagai seorang developer yang menggunakan laravel, kamu pasti tahu dong bahwa salah satu keuntungan menggunakan framework laravel adalah Read more