Impor aplikasi yang sudah ada dari GitHub, file .zip, atau Lovable

Sudah punya aplikasi — dibuat oleh developer, diekspor dari pembuat aplikasi AI lain, atau tersimpan di repositori GitHub? Impor saja. MonstarX memeriksanya terlebih dahulu dan memberi tahu dalam beberapa detik apakah aplikasi itu bisa dijalankan. Setelah itu, aplikasi berjalan di pratinjau persis apa adanya, dan Anda terus menyempurnakannya lewat percakapan, sama seperti aplikasi yang dibangun MonstarX.

Bagaimana cara mengimpor aplikasi?

Buka Impor di kotak prompt halaman Proyek dan pilih tempat kode Anda berada.

GitHub

1. Pilih Impor → GitHub.

2. Tempelkan alamat repositori (seperti github.com/acme/shop atau cukup acme/shop) dan tekan Periksa. Jika akun GitHub Anda sudah terhubung, repositori Anda ditampilkan untuk dipilih, termasuk yang privat.

3. Baca hasil pemeriksaannya. Pilih branch lain, atau folder lain jika aplikasinya ada di dalam folder, dan kode akan diperiksa ulang.

4. Tekan Impor dan jalankan.

Repositori publik apa pun dapat diimpor menggunakan alamatnya. Untuk repositori privat, hubungkan GitHub terlebih dahulu dari menu GitHub di sebuah proyek. Lihat GitHub.

File .zip

1. Pilih Impor → File .zip.

2. Letakkan file .zip folder proyek Anda, atau pilih file. File diperiksa di komputer Anda terlebih dahulu — belum ada yang diunggah sampai Anda mengimpor.

3. Baca hasil pemeriksaannya dan tekan Impor dan jalankan. Kodenya membuat proyek, lalu gambar-gambarnya menyusul satu per satu (“Mengunggah gambar… 3 dari 9”).

File zip dibuka di browser Anda, sehingga node_modules, folder build, dan file .env apa pun tidak pernah keluar dari komputer Anda. Ukuran zip boleh hingga 500 MB. Unggah folder proyek apa adanya — dependensi dan folder build dilewati secara otomatis, dan hanya file aplikasi yang dibaca dan diimpor.

Lovable

1. Pilih Impor → Lovable.

2. Tempelkan kunci API ruang kerja dari Lovable dan tekan Tampilkan proyek (kunci API memerlukan ruang kerja Lovable Business atau Enterprise). MonstarX hanya memakai kunci itu untuk memuat daftar dan tidak menyimpannya.

3. Pilih proyek Anda. Lovable tidak menyerahkan kode melalui API-nya, jadi MonstarX meminta repositori GitHub yang disinkronkan dengan proyek Lovable Anda: di Lovable, buka pengaturan proyek → Git → GitHub, hubungkan jika perlu, lalu tempelkan alamat repositorinya.

4. Tekan Periksa kode, lalu Impor dan jalankan.

Tidak punya kunci API? Pilih Tidak punya kunci API? Gunakan repositori GitHub Anda yang telah disinkronkan dan tempelkan alamat repositorinya langsung.

Apa arti hasil pemeriksaannya?

Label	Judul	Artinya
Berjalan apa adanya	“Berjalan di MonstarX apa adanya”	Aplikasi Vite (atau ekspor MonstarX yang kembali pulang). Aplikasi berjalan, diedit, dan diterbitkan di MonstarX.
Berjalan apa adanya · host Anda menerbitkan	“Berjalan di MonstarX, diterbitkan melalui penyedia hosting Anda”	Aplikasi yang punya server sendiri — Next.js, Remix, Astro, Nuxt, SvelteKit, Create React App. Aplikasi berjalan dan diedit di sini; Anda menerbitkannya dari Terbitkan → Vercel, atau tetap memakai host Anda saat ini dengan menyimpan perubahan ke GitHub.
Tidak dapat dijalankan di sini	“MonstarX dapat membangun ulang aplikasi ini, tetapi tidak dapat menjalankannya langsung”	Aplikasi ponsel atau desktop, situs HTML biasa, atau situs yang dibuat dengan Django, Rails, Laravel, Go, dan sejenisnya. MonstarX dapat mempelajarinya dan membangunnya ulang sebagai aplikasi web.
Belum bisa diimpor	misalnya “Pustaka kode, bukan aplikasi” atau “Terlalu besar untuk diimpor”	Sesuatu yang tidak dapat dijalankan maupun dibangun ulang oleh MonstarX — kalimatnya menjelaskan alasannya, dan apa yang bisa mengubah hasilnya (sering kali: impor folder yang berisi aplikasinya).

Setiap hasil pemeriksaan mencantumkan teknologi yang dipakai aplikasi, ukurannya, dan kunci (pengaturan seperti VITE_MAPBOX_TOKEN) yang disebutkan di file contoh environment-nya — tidak pernah nilainya. Peringatan yang tidak menghentikan impor ditampilkan dengan warna kuning: file .env yang ikut di-commit (tidak disalin — kuncinya seharusnya ada di Backend → Rahasia), layanan yang dijalankan dengan Docker Compose, server API sendiri, file di Git LFS, atau file lebih dari 10 MB yang tidak disertakan.

Apa yang terjadi setelah saya mengimpor?

Ruang kerja terbuka dengan kartu berisi apa saja yang masuk, dan aplikasi mulai berjalan di pratinjau (saat pertama kali dijalankan, paket kodenya diinstal, yang memakan waktu satu atau dua menit).

monstarx.com

Kuncinya mencantumkan setiap pengaturan yang dibaca kode, diurutkan berdasarkan seberapa dibutuhkan: Diperlukan (bagian aplikasi yang membacanya tidak berfungsi tanpanya), Opsional (kode punya nilai cadangan), dan Tidak digunakan. Tempelkan nilainya dan tekan Tambahkan — atau Gunakan “…” jika file contoh milik proyek itu sendiri menyediakan nilainya — dan pratinjau dimulai ulang dengan nilai tersebut. Nilai-nilai ini disimpan terenkripsi di Backend → Rahasia.

Tidak tahu nilainya? Tekan Tidak tahu nilainya? Tanyakan ke tempat proyek dibuat untuk mendapatkan pesan yang bisa ditempelkan ke alat asal proyek (untuk proyek Lovable, percakapan Lovable), yang meminta alat itu mencantumkan setiap kunci beserta tempat menyalinnya — tanpa mengubah kode apa pun.

Jika MonstarX menemukan kunci yang ditulis langsung di dalam kode, kartu menyebutkan jenis dan file-nya (tidak pernah nilainya), dan menempatkan kunci rahasia — seperti kunci rahasia Stripe atau kunci OpenAI — di bagian atas sebagai peringatan.

Apa saja yang berfungsi setelah impor?

• Pratinjau, percakapan, Mode edit, versi, dan QA semuanya bekerja pada kode Anda apa adanya. MonstarX bekerja dengan kode dan pola milik aplikasi itu sendiri, dan menambahkan paket kode apa pun yang dibutuhkan aplikasi Anda.
• Penerbitan — aplikasi Vite diterbitkan di MonstarX seperti aplikasi lainnya. Aplikasi yang punya server sendiri diterbitkan oleh host Anda: dari Terbitkan → Vercel, atau dengan menyimpan ke GitHub tempat host Anda mengambilnya. Lihat Terbitkan ke host lain.
• Ekspor memberi Anda repositori apa adanya, termasuk gambar-gambarnya.
• Database dan akun pengguna milik MonstarX tidak ditambahkan. Aplikasi hasil impor tetap memakai apa pun yang dipakai kodenya (Supabase, Firebase, API sendiri), dan Backend → Database akan menyebutkannya. Kunci yang dibutuhkannya dimasukkan ke Backend → Rahasia.

Apa itu branch monstarx?

Saat Anda mengimpor dari GitHub dengan akun Anda sendiri yang terhubung dan Anda punya izin push ke repositori itu, proyek tetap tertaut ke repositori tersebut. MonstarX membuat branch bernama monstarx pada commit yang Anda impor dan menyimpan perubahannya di sana — branch bawaan Anda tidak pernah bergeser. Buka pull request dari monstarx kapan pun Anda ingin perubahan itu masuk ke branch utama; menu GitHub di proyek menautkan ke halaman perbandingan GitHub. Perubahan yang di-push ke branch itu di GitHub juga masuk kembali ke MonstarX. Lihat GitHub.

Bagaimana jika MonstarX tidak dapat menjalankan aplikasi saya?

Untuk aplikasi ponsel (Expo, React Native, Flutter, Swift, Android), aplikasi desktop, atau situs Django, Rails, Laravel, atau Go, hasil pemeriksaan menawarkan Baca kode saya dan rencanakan bangun ulang.

MonstarX membuat proyek baru, menyimpan kode aslinya di sampingnya (hanya-baca), mempelajarinya, lalu mengusulkan Rencana bangun ulang: layar, data, aturan dalam kodenya, layanan yang dipakai beserta nasib masing-masing (Dipertahankan, Diganti, atau Tidak disertakan), apa yang tidak ikut terbawa, dan logika yang dibawa apa adanya. Sampaikan apa yang keliru dan rencananya akan direvisi; tekan Bangun untuk mulai membangun. Kode asli tetap mudah dicari untuk setiap detail. Aplikasi yang bisa berjalan di sini menawarkan Bangun kembali di MonstarX sebagai gantinya, untuk saat Anda menginginkan database, akun pengguna, dan penerbitan milik MonstarX sendiri.

Seberapa besar aplikasi yang bisa diimpor?

Batas	Nilai
Kode	hingga 3.000 file dan 12 MB, 400 KB per file
Gambar dan file lain	hingga 500 MB untuk impor ZIP (100 MB dari GitHub), 10 MB per file
File .zip	hingga 500 MB sebelum dependensi dan hasil build dikecualikan
Bangun ulang	hingga 1.500 file dan 5 MB kode

Jika melebihi batas, hasil pemeriksaan menyebutkan angkanya, batasnya, dan jalan keluarnya — biasanya dengan mengimpor folder yang berisi aplikasinya saja.

Pertanyaan umum

Apakah impor mengubah repositori GitHub saya?

Branch bawaan Anda tidak berubah. Jika Anda punya izin push, perubahan masuk ke branch monstarx; jika tidak, repositori hanya dibaca.

Bisakah saya mengimpor monorepo?

Bisa. MonstarX menemukan folder yang berisi aplikasinya dan memungkinkan Anda memilih folder lain dari hasil pemeriksaan.

Bisakah saya mengimpor aplikasi yang diekspor dari MonstarX?

Bisa — aplikasi itu kembali sebagai proyek MonstarX yang utuh (dengan database baru yang kosong; data aplikasi lama tetap di tempatnya).

Apakah kode hasil impor aman dijalankan?

Kode berjalan di komputer cloud tersendiri yang aman, dan paket kodenya diinstal dengan skrip instalasi dinonaktifkan.

Bisakah saya mengimpor kode yang ditulis orang lain?

Hanya kode yang berhak Anda gunakan. Hasil pemeriksaan menampilkan lisensi repositori, atau menyebutkan bahwa tidak ada lisensi yang dicantumkan.

Terkait

Agen pemrograman AndaKirim aplikasi dari Claude Code, Codex, atau Cursor.

Kloning situs webBangun ulang halaman-halaman situs publik.

GitHubHubungkan GitHub dan sinkronkan perubahan.

Host lainTerbitkan ke Vercel dan lainnya.