Cara Upload Laravel Dengan Front End VueJs
- Cara Menginstall Afterlogic Di Softacoulus - November 10, 2023
- Cara Ubah Domain Utama Moodle - November 8, 2023
- Cara Memperbaiki Website yang Stuck di Maintenance Mode - November 7, 2023
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.
Daftar isi
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.