Buradan başlayın
React ve Framework Uygulamaları
React, Next.js, Astro ve Vue projelerini dönüştürün
1✅ Desteklenen framework'ler#
Bu popüler framework'lerle oluşturulmuş uygulamaları dönüştürebilirsiniz:
- React (Vite) - En popüler, önerilen
- Next.js - React tabanlı, sayfalar ve app router
- Astro - React bileşenleriyle hızlı statik siteler
- Vue.js (Vite) - Vue tek sayfalı uygulamalar
Bunların hepsi otomatik çalışır - yalnızca proje ZIP'inizi yükleyin!
2📦 Yüklemenin iki yolu#
Seçenek A - Kaynak kodunu yükleyin (en kolayı):
Proje klasörünüzü olduğu gibi ZIP'leyip yükleyin. Bulutumuz sizin için otomatik olarak derler.
Seçenek B - Önceden derlenmiş dosyaları yükleyin:
Önce bilgisayarınızda 'npm run build' çalıştırın, ardından çıktı klasörünü (dist/, build/ veya out/) ZIP'leyip onu yükleyin.
💡 Çoğu kullanıcı için Seçenek A önerilir - terminal veya kodlama gerekmez!
3📁 ZIP'inizi nasıl hazırlarsınız#
- Bilgisayarınızda proje klasörünüzü açın
- İçindeki TÜM dosyaları seçin (package.json, src/, public/ vb. dahil)
- Sağ tıklayın → 'Sıkıştır' veya 'ZIP'e gönder'
⚠️ package.json dosyasının bir alt klasörün içinde değil, ZIP'in kökünde olduğundan emin olun.
Projenizi doğrudan GitHub'dan ZIP olarak da indirebilirsiniz.
4🚀 APK'nızı oluşturun#
- 1. Adım'da 'Çevrimdışı ZIP' modunu seçin
- Proje ZIP dosyanızı seçin
- Uygulama framework'ünüzü otomatik olarak algılar
- Uygulama Adı, Simge, Açılış Ekranı vb. alanları doldurun.
- 'APK Oluştur'a tıklayın - bitti!
📶 Kaynak kod projeleri için oluşturma sırasında internet gereklidir.
5🎯 En iyi sonuçlar için ipuçları#
- Uygulamanızı tek sayfalı uygulama (SPA) olarak tutun - en iyi böyle çalışır
- Uygulamanız bir arka uç/API kullanıyorsa arka ucu çevrimiçi barındırılmış tutun
- 'public/' klasöründeki görseller ve varlıklar otomatik olarak dahil edilir
- Çalıştığından emin olmak için önce uygulamanızı tarayıcıda test edin
6❌ Çalışmayacak şeyler#
- Sunucu tarafı özellikler (veritabanı sorguları, uygulamaya yerleşik sunucu API'leri)
- Çalışmak için Node.js veya bir sunucuya ihtiyaç duyan uygulamalar
- WordPress, Shopify veya CMS tabanlı web siteleri
- Svelte ve Angular projeleri (yakında!)
Uygulamanız tarayıcıda sunucu olmadan çalışıyorsa APK olarak da çalışır!
7📥 Örnek projeleri indirin#
Özelliği denemek için bu hazır örnek projeleri deneyin. Aşağıdan herhangi bir ZIP indirin, ardından anında APK oluşturmak için 1. Adım'da 'Çevrimdışı ZIP' modunda kullanın!
8📥 Next.js Örneği#
Yönlendirmeli çok sayfalı bir Next.js uygulaması - oluşturulan APK'nızda sayfa gezinmesini test etmek için harika.
9📥 Astro Örneği#
Astro ve React bileşenleriyle oluşturulmuş hızlı bir statik site - içerik ağırlıklı uygulamalar için mükemmel.
10📥 Tek HTML Örneği#
Minimal tek dosyalı çevrimdışı test (yalnızca index.html). Boş ekranları giderirken hızlı kontroller için harika.
11📥 HTML + CSS Örneği#
Oluşturulan uygulamalarda harici CSS yüklemesini doğrulamak için basit iki dosyalı çevrimdışı test (index.html + style.css).