Fredric LesomarMembuat website kini jauh lebih mudah berkat bantuan AI. Anda cukup menuliskan deskripsi singkat tentang bisnis atau kebutuhan Anda, lalu AI akan menghasilkan tampilan website secara instan. Selain menggunakan AI builder dari Rumahweb, Anda juga bisa mencoba platform pihak ketiga seperti Loveable untuk membuat website dengan cepat.
Namun, hasil website dari Loveable biasanya masih menggunakan domain bawaan dan belum langsung siap digunakan di hosting cPanel. Agar terlihat lebih profesional, Anda bisa mengupload hasil build tersebut ke domain dan hosting sendiri.
Dalam panduan ini, kami akan membahas cara upload web Loveable di cPanel Hosting, termasuk langkah konversi yang diperlukan agar website dapat berjalan dengan normal.
Hal yang Perlu Diketahui Sebelum Upload Web Loveable
Sebelum memulai proses upload, ada beberapa hal penting yang perlu Anda pahami:
- Loveable menggunakan TypeScript (.ts) yang tidak dapat langsung dijalankan di cPanel
- Anda perlu melakukan konversi dari TypeScript ke JavaScript agar website bisa diakses
- Domain bawaan dari Loveable biasanya berupa subdomain acak dan kurang ideal untuk kebutuhan bisnis
- Hosting yang digunakan sebaiknya sudah mendukung terminal dan Node.js untuk proses build
- Metode ini juga dapat diterapkan pada AI builder lain yang menggunakan teknologi serupa
Bagi Anda yang ingin menggunakan Loveable, Anda bisa menggunakan hosting paket Medium yang sudah mendukung kebutuhan tersebut. Jika masih ragu, Anda juga dapat berkonsultasi langsung dengan tim support untuk memastikan konfigurasi yang digunakan sudah sesuai.
Cara Upload Web Loveable
Pastikan bahwa Anda telah membuat website melalui Loveable dan tampilannya sudah sesuai dengan kebutuhan Anda. Setelah itu, Anda bisa mengikuti panduan berikut untuk upload web Loveable ke cPanel hosting.
Step 1. Login ke Loveable
Kami asumsikan Anda sudah mendaftar dan memiliki websitenya. Setelah generate website dan hasil review sudah sesuai keingin Anda, lakukan hal berikut ini:
- Klik ikon Github, untuk mendapatkan source code nya:
- Ikuti langkah-langkah menghubungkan Github hingga selesai, Jika belum memiliki akun Github, silahkan dibuat terlebih dulu, kemudian download kodenya:
Step 2. Upload dan Jalankan NodeJs di hosting
File ZIP dari Github dapat Anda upload ke hosting, selanjutnya akses fitur NodeJS di cPanel untuk convert Typescript(.TS) menjadi Javascript(,JS).
Apabila tidak memiliki akses tersebut, silahkan convert melalui komputer lokal yang sudah terinstall NodeJS & NPM.
Buat projek sederhana seperti contoh dibawah:
Perhatikan bagian Node js version, Anda pilih versi terbaru atau minimal versi 22.x.x lalu CREATE.
Pada bagian Virtual Environment yang kami tandai di kotak merah digambar bawah, silahkan di klik untuk otomatis men-copy kemudian paste di terminal:
Pastikan lokasi web di cPanel sudah disesuaikan dalam proses instalasi NodeJS diawal:
Jalankan perintah di bawah untuk memulai convert:
npm install
npm run build
Apabila proses convert berhasil, Anda akan menemukan folder baru bernama dist.
Folder dist berisikan hasil convert, silahkan copy isinya lalu pindahkan ke web utama/subdomain-nya. Berikut isi dari folder dist yang merupakan hasil convert tadi:
Step 3. Pengujian
Apabila file telah diunggah ke directory root domain utama atau subdomain yang Anda butuhkan, langkah terakhir adalah melakukan pengujian. Pengujian dapat dilakukan dengan mengakses nama domain atau subdomain Anda.
Berikut adalah contoh hasil upload file Loveable pada domain yang kami testing.
Tampilan website yang berhasil di convert akan sama seperti di Loveable. Artinya, upload web Loveable ke cPanel hosting telah selesai dilakukan.
FAQ
Berikut adalah beberapa pertanyaan populer tentang upload web Loveable ke cPanel hosting.
Apakah hasil website dari Loveable bisa langsung diupload ke cPanel?
Tidak bisa langsung. Website dari Loveable biasanya menggunakan TypeScript (.ts) sehingga perlu dikonversi terlebih dahulu menjadi JavaScript agar dapat dijalankan di hosting.
Kenapa perlu konversi TypeScript ke JavaScript?
Karena browser dan server hosting seperti cPanel tidak dapat menjalankan TypeScript secara langsung. Oleh karena itu, proses build diperlukan untuk menghasilkan file JavaScript yang kompatibel.
Apakah semua hosting mendukung upload web dari Loveable?
Tidak semua. Hosting yang digunakan sebaiknya sudah mendukung Node.js dan akses terminal untuk melakukan proses build sebelum upload.
Apakah cara ini hanya berlaku untuk Loveable?
Tidak. Metode ini juga bisa digunakan untuk AI builder lain yang menggunakan teknologi serupa seperti TypeScript atau framework modern berbasis JavaScript.
Apakah domain dari Loveable bisa digunakan untuk website bisnis?
Secara teknis bisa, namun kurang disarankan karena biasanya berupa subdomain acak. Untuk kebutuhan profesional, lebih baik menggunakan domain sendiri.
Kesimpulan
Upload web Loveable ke cPanel Hosting membutuhkan beberapa langkah tambahan, terutama karena hasil build menggunakan TypeScript yang tidak bisa langsung dijalankan di server. Dengan melakukan proses konversi ke JavaScript dan memastikan hosting mendukung Node.js, Anda dapat menjalankan website hasil AI builder dengan lebih optimal.
Selain itu, menggunakan domain dan hosting sendiri memberikan nilai lebih dari sisi profesionalitas, branding, serta fleksibilitas dalam pengelolaan website. Dengan mengikuti panduan yang tepat, proses deploy website dari AI builder seperti Loveable ke cPanel dapat dilakukan dengan mudah dan terstruktur.
