Mulai di sini
Aplikasi React & Framework
Konversi proyek React, Next.js, Astro & Vue
1β Framework yang didukung#
Anda dapat mengonversi aplikasi yang dibuat dengan framework populer berikut:
- React (Vite) - Paling populer, disarankan
- Next.js - Berbasis React, pages & app router
- Astro - Situs statis cepat dengan komponen React
- Vue.js (Vite) - Aplikasi satu halaman Vue
Semua ini berfungsi otomatis - cukup unggah ZIP proyek Anda!
2π¦ Dua cara mengunggah#
Opsi A - Unggah kode sumber (paling mudah):
Cukup ZIP folder proyek Anda apa adanya dan unggah. Cloud kami akan membuatnya untuk Anda secara otomatis.
Opsi B - Unggah file yang sudah di-build:
Jalankan 'npm run build' di komputer Anda terlebih dahulu, lalu ZIP folder keluarannya (dist/, build/, atau out/) dan unggah.
π‘ Opsi A disarankan untuk kebanyakan pengguna - tanpa terminal atau pemrograman!
3π Cara menyiapkan ZIP Anda#
- Buka folder proyek Anda di komputer
- Pilih SEMUA file di dalamnya (termasuk package.json, src/, public/, dll.)
- Klik kanan β 'Compress' atau 'Send to ZIP'
β οΈ Pastikan package.json berada di root ZIP, bukan di dalam subfolder.
Anda juga dapat mengunduh proyek dari GitHub sebagai ZIP secara langsung.
4π Buat APK Anda#
- Pilih mode 'Offline ZIP' di Langkah 1
- Pilih file ZIP proyek Anda
- Aplikasi akan mendeteksi framework Anda secara otomatis
- Isi Nama Aplikasi, Ikon, Layar Splash, dll.
- Klik 'Generate APK' - selesai!
πΆ Internet diperlukan saat pembuatan untuk proyek kode sumber.
5π― Tips untuk hasil terbaik#
- Pertahankan aplikasi Anda sebagai single-page app (SPA) - hasilnya paling baik
- Jika aplikasi Anda memakai backend/API, biarkan backend tetap di-host online
- Gambar dan aset di folder 'public/' disertakan secara otomatis
- Uji aplikasi Anda di browser terlebih dahulu untuk memastikan berfungsi
6β Yang tidak akan berfungsi#
- Fitur sisi server (kueri database, API server yang tertanam di aplikasi)
- Aplikasi yang membutuhkan Node.js atau server untuk berjalan
- Situs WordPress, Shopify, atau berbasis CMS
- Proyek Svelte dan Angular (segera hadir!)
Jika aplikasi Anda berfungsi di browser tanpa server, aplikasi itu akan berfungsi sebagai APK!
7π₯ Unduh proyek contoh#
Coba proyek contoh siap pakai ini untuk menguji fitur. Unduh ZIP mana pun di bawah, lalu gunakan di Langkah 1 dengan mode 'Offline ZIP' untuk membuat APK seketika!
8π₯ Contoh Next.js#
Aplikasi Next.js multi-halaman dengan routing - cocok untuk menguji navigasi halaman di APK yang Anda buat.
9π₯ Contoh Astro#
Situs statis cepat yang dibuat dengan Astro dan komponen React - sempurna untuk aplikasi yang kaya konten.
10π₯ Contoh HTML tunggal#
Uji offline satu file minimal (hanya index.html). Cocok untuk pemeriksaan cepat saat memecahkan masalah layar kosong.
11π₯ Contoh HTML + CSS#
Uji offline dua file sederhana (index.html + style.css) untuk memastikan pemuatan CSS eksternal di aplikasi yang dihasilkan.