Cara Upload Laravel Dengan Front End VueJs

Terakhir diupdate: 24 Maret 2025

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
Tips Mengatasi Error Undefined Index / Variable

Pengantar Halo sobat Jagoan! di tutorial kali ini kita bakalan membahas permasalahan Error Undefined Index/Variable. Pasti sekarang kamu lagi main-main Read more

Cara Mengatasi Akses Website yang Lambat ataupun Sulit Diakses

Banyak sekali hal yang terjadi ketika kita sedang mengakses suatu website, seperti halnya akses lambat sampai bahkan sulit diakses. Disitu Read more

Mengenal Jenis-Jenis Internal Server Error

Kode internal server error adalah salah satu kondisi yang sering dijumpai pemilik dan pengunjung website. Apakah kamu juga salah satunya? Read more

Tutorial Menembus Internet Positif Melalui Koneksi Telkom

Demi kenyamanan berinternet dan ‘belajar’, penting rasanya untuk menyebarluaskan cara mengakses situs-situs yang diblokir oleh internet positif. Sehingga kita bisa Read more

🖥 Tinggalkan VPS Lama Kamu! Upgrade ke VPS Network 10 Gbps & Uptime 99,9%!
Scroll To Top