logo

quickActions

Fitur

Sumber Daya

Komunitas

Harga

Migrasi Proyek Lovable dengan InsForge + Zeabur

Redeploy AI semakin mudah: MCP, migrasi Supabase, dan pengaturan env

Kyle ChungKyle Chung

Cara Menerapkan Ulang Proyek Lovable di Zeabur Menggunakan Template Insforge

Bagi banyak programmer atau pengembang tanpa latar belakang yang relevan, Lovable tidak diragukan lagi merupakan pilihan yang sangat baik untuk membuat halaman web dengan cepat menggunakan AI. Namun, ketika Anda memerlukan fungsionalitas kustomisasi yang lebih canggih, opsi penerapan yang lebih fleksibel, atau ingin memindahkan proyek Anda ke platform lain, Anda mungkin mulai mencari alternatif. Artikel ini akan menjadi panduan teknis Anda, yang merinci cara berhasil memigrasikan dan menerapkan proyek yang Anda buat di Lovable ke dua platform penerapan cloud yang kuat: Zeabur dan Insforge.

Mengapa Pindah dari Lovable?

Lovable secara signifikan menurunkan hambatan dalam pengembangan web dengan kemampuan pembuatan halaman web yang didukung AI. Namun, seiring berkembangnya proyek Anda, Anda mungkin menghadapi situasi berikut dan mempertimbangkan untuk pindah ke platform lain:

  • Kebebasan Kustomisasi yang Lebih Besar: Ketika Anda perlu melakukan kustomisasi mendalam pada logika backend situs web Anda, koneksi database, atau fitur spesifik, lingkungan tertutup Lovable mungkin membatasi.
  • Pertimbangan Biaya: Seiring dengan meningkatnya lalu lintas atau jumlah proyek, sering kali setelah menerima tagihan atau mencapai batas penggunaan, Anda mungkin mencari solusi hosting yang lebih hemat biaya.
  • Pilihan Tumpukan Teknologi (Tech Stack): Anda mungkin ingin mengintegrasikan proyek Anda ke dalam ekosistem teknologi yang lebih luas, seperti menggunakan kerangka kerja backend atau database tertentu. Zeabur dan Insforge menyediakan solusi penerapan yang lebih fleksibel dan kuat, memberikan pengembang kontrol penuh atas aplikasi mereka.

Mengapa Memilih Insforge?

Insforge adalah platform yang berfokus pada penggunaan AI Agent untuk membantu pengguna mengurangi kompleksitas backend. Mereka menyadari bahwa pengembangan backend telah lama menjadi masalah yang setengah terpecahkan. AI dapat dengan mudah menghasilkan kode front-end, tetapi kesulitan menghadapi kompleksitas backend—pengaturan database, alur otentikasi, dan desain API semuanya memerlukan keahlian mendalam. Insforge tidak hanya mengintegrasikan banyak fitur tetapi juga menggabungkan MCP. Setelah pengguna menyelesaikan pengaturan awal, mereka dapat berkomunikasi dengan AI menggunakan bahasa alami, mengurangi kebutuhan pengembang untuk merangkai beberapa layanan sambil tetap menikmati manfaat DevOps. Inilah mengapa Insforge diciptakan.

Migrasi ke Zeabur: Pengalaman Penerapan Sekali Klik yang Mulus

Zeabur adalah platform yang membantu pengguna menerapkan dengan sekali klik, sehingga sangat ramah bagi pengguna yang bermigrasi dari Lovable. Berikut adalah langkah-langkah untuk menerapkan proyek Lovable Anda ke Zeabur:

Langkah 1: Ekspor Proyek Anda dari Lovable

Ada dua pilihan di sini:

Pilihan 1: Jika Anda belum terbiasa dengan GitHub, Anda dapat menggunakan metode berikut:

Ekspor proyek situs web Anda dari backend proyek Lovable. Umumnya, Lovable akan menyediakan opsi untuk mengunduh proyek sebagai file zip yang berisi file HTML, CSS, dan JavaScript.

Pilihan 2: Jika Anda terbiasa mengoperasikan GitHub, Anda dapat menggunakan metode berikut:

Proyek Lovable dapat diintegrasikan langsung dengan GitHub. Di Lovable, Anda dapat menautkan akun GitHub Anda, lalu langsung mengekspor proyek dan membuat Repositori GitHub baru.

Langkah 3: Buat Proyek di Insforge dan Hubungkan dengan MCP

  1. Daftar dan masuk ke akun Insforge Anda: Kunjungi situs web resmi Insforge dan buat akun Anda.
  2. Buat proyek baru: Setelah masuk ke Insforge, klik "Buat Proyek Baru".
  3. Buka Cursor Anda atau IDE lain (Integrated Development Environment):

    1. (Pilihan 1) Langkah-langkah untuk mengekstrak dan mengimpor ke editor kode:

      1. Ekstrak file yang diunduh: Temukan file .zip yang diunduh dari Lovable, klik kanan pada file tersebut di komputer Anda, dan pilih "Ekstrak" atau "Extract". Setelah diekstrak, Anda akan mendapatkan folder yang berisi semua file proyek Anda.
      2. Instal editor kode (jika belum): Disarankan untuk menggunakan editor kode modern seperti Cursor atau Visual Studio Code. Anda dapat mengunduh dan menginstalnya dari situs web resmi.
      3. Buka proyek di editor: Buka editor kode Anda, pilih "Buka Folder" (Open Folder) atau "File" → "Buka" (Open), lalu pilih folder proyek yang baru saja Anda ekstrak.
      4. Periksa struktur proyek: Di bilah sisi editor, Anda seharusnya dapat melihat struktur file proyek Anda, termasuk file HTML, CSS, JavaScript, dan sumber daya terkait lainnya.
      5. Inisialisasi kontrol versi Git (disarankan): Jalankan git init di terminal editor untuk menginisialisasi repositori Git. Ini akan memudahkan manajemen versi dan penerapan di kemudian hari.

      Setelah menyelesaikan langkah-langkah ini, Anda dapat mulai menggunakan alat bantu AI (seperti fitur AI Cursor) untuk memodifikasi dan mengoptimalkan kode proyek Anda.

    2. (Pilihan 2) git clone proyek Lovable Anda yang sudah tersimpan di GitHub.

    3. Masuk ke editor yang mendukung alur pengembangan MCP dan masukkan Kunci API Insforge Anda.

  4. Setelah penyiapan selesai, keajaiban Insforge dan Zeabur dimulai:
    1. Masuk ke editor AI yang mendukung Insforge MCP, mari kita konfirmasi sekali lagi apakah Cursor dapat membaca dan menggunakan Insforge MCP.

      Contoh Prompts: can you see the insforge mcp?

    2. Periksa apakah proyek Lovable memiliki tabel SQL migrasi Supabase. Untuk proyek yang diekspor dari Lovable, bagian otentikasi pengguna perlu diatur ulang. Anda juga bisa meminta Insforge MCP untuk menanganinya.

      Contoh Prompts: i have those @migrations from supabase, can you help me create the thing in insforge as well?

    3. Cursor Agent juga berkoordinasi dengan Insforge MCP untuk menyiapkan semua database yang diperlukan untuk Insforge (PostgreSQL, Storage Bucket, dan RLS). (Opsional)

      Contoh Prompts: can you help me set up the PostgreSQL database, storage buckets, and RLS policies in InsForge based on my Supabase schema?

    4. Minta Insforge MCP untuk memperbarui agar menggunakan Insforge SDK. Tinjau konfigurasi dan penggunaan Supabase yang ada.

      Contoh Prompts: can you replace all Supabase client usage with InsForge SDK? please check my current supabase configuration first.

    5. Minta Insforge MCP untuk memeriksa pengaturan otentikasi saat ini untuk memastikan fungsi otentikasi Insforge dikonfigurasi dengan benar.

      Contoh Prompts: can you verify that the authentication is properly configured with InsForge? please check my current auth setup.

    6. Optimalkan kueri untuk menggunakan relasi database dan verifikasi koneksi database. Berdasarkan skema db, relasi telah diatur dengan benar. (Opsional)

      Contoh Prompts: can you optimize my database queries to use proper relations and verify the database connection is working correctly?

Langkah 4: Masuk ke Akun Zeabur Anda

  1. Masuk ke akun Zeabur Anda, klik Buat Proyek dan pilih cluster wilayah.
  2. Masuk ke proyek tersebut, klik Terapkan dari Github dan pilih proyek Lovable.
  3. Klik Konfigurasi lalu klik Edit Variabel Lingkungan Mentah dan tempel VITE_INSFORGE_BASE_URL=URL Dasar Insforge proyek Anda.
  4. Klik Berikutnya.
  5. Tunggu hingga proyek selesai berjalan.

Selamat Anda telah bermigrasi dari Lovable ke Zeabur atau Insforge, yang akan memberikan fleksibilitas dan skalabilitas yang lebih besar pada proyek Anda. Zeabur, dengan proses penerapannya yang sangat disederhanakan, menjadi pilihan utama untuk migrasi yang nyaman dan tanpa kendala. Sementara itu, Insforge, dengan dukungan kuatnya untuk AI, MCP, dan layanan backend, memberikan ruang yang lebih luas untuk pengembangan proyek Anda di masa depan.

return Blogs