Cara meng-hosting website Lovable Anda
Lovable menghasilkan aplikasi React/Vite. Untuk meng-hosting-nya di tempat Anda sendiri, build dulu menjadi file statis, lalu publikasikan output tersebut. SiteDrop menerima folder build dan memberi Anda link aktif.
Publikasikan situs Anda gratis →Tayang dalam 4 langkah
- Di Lovable, ekspor atau unduh kode proyek Anda (atau hubungkan GitHub dan unduh repositorinya).
- Di komputer Anda, jalankan npm install, lalu npm run build, untuk menghasilkan folder output statis (biasanya dist).
- Jadikan isi folder dist sebagai zip — index.html harus berada di tingkat teratas zip.
- Unggah zip ke SiteDrop.
Jenis file yang bisa dipakai
Lovable menghasilkan aplikasi React/Vite, jadi yang Anda hosting adalah output hasil BUILD-nya — folder dist statis setelah npm run build, yang berupa HTML/CSS/JS polos. Itu bisa diunggah dengan sempurna. Yang tidak bisa di-hosting secara statis adalah apa pun yang terhubung ke backend aktif (autentikasi, database, rute server); untuk situs pemasaran atau portofolio biasanya tidak ada.
Apa yang bisa bermasalah — dan cara memperbaikinya
- Saya menjadikan proyek zip dan mendapat halaman kosong.
Anda menjadikan kode sumber zip, bukan hasil build. Jalankan npm install lalu npm run build, dan jadikan ISI folder dist sebagai zip dengan index.html di tingkat teratas.
- Halaman kosong dan konsol menampilkan 404 untuk /assets/*.
Vite secara default memakai path aset absolut. Atur base: './' di vite.config sebelum build agar aset dimuat dari root zip, lalu build ulang.
- Fitur Supabase atau autentikasi berhenti berfungsi setelah dipublikasikan.
Fitur itu memerlukan backend aktif dan kunci environment yang tidak dijalankan hosting statis. Publikasikan front-end statisnya di sini dan simpan fitur dinamis di layanan yang menjalankan server.
SiteDrop vs langsung memakai Netlify
Netlify bisa menjalankan build Vite untuk Anda dari repositori git — praktis kalau Anda ingin deploy otomatis. Gantinya, Anda harus menghubungkan git, mengonfigurasi build, dan mengelola env vars. Kalau Anda lebih suka build sekali di komputer lalu cukup meng-hosting folder dist, SiteDrop menerima zip itu langsung dan memberi Anda link (dan domain sendiri di paket berbayar) tanpa pipeline.
Hosting Lovable — Pertanyaan umum
Mengapa saya perlu menjalankan build dulu?
Aplikasi Lovable adalah proyek React, bukan HTML polos. Langkah build mengubahnya menjadi file statis yang bisa disajikan browser. Begitu Anda punya folder dist, meng-hosting-nya cukup dengan mengunggah zip.
Saya sama sekali tidak mau menyentuh command line — ada pilihan?
Kalau proyek Anda sepenuhnya statis setelah di-build, minta Lovable (atau asisten AI mana pun) membuat satu versi yang sudah di-build/statis, lalu jadikan zip dan unggah. Apa pun yang dinamis dan memerlukan server tidak cocok untuk hosting statis.
Siap memublikasikan situs Lovable Anda?
Unggah .zip Anda dan dapatkan link aktif yang bisa dibagikan dalam kurang dari satu menit. Pratinjau gratis 7 hari, tanpa kartu.
Terbitkan sekarang →