App React e framework

1вњ… Framework supportati#

Puoi convertire app create con questi framework popolari:

• React (Vite) - Il piГ№ popolare, consigliato
• Next.js - Basato su React, pagine e app router
• Astro - Siti statici veloci con componenti React
• Vue.js (Vite) - App Vue a pagina singola

Tutti funzionano automaticamente: carica semplicemente lo ZIP del tuo progetto!

2📦 Due modi per caricare#

Opzione A - Carica il codice sorgente (la piГ№ semplice):
Comprimi la cartella del progetto così com'è e caricala. Il nostro cloud la creerà per te in automatico.

Opzione B - Carica file giГ compilati:
Esegui prima 'npm run build' sul tuo computer, poi comprimi la cartella di output (dist/, build/ o out/) e caricala.

рџ’Ў L'Opzione A ГЁ consigliata alla maggior parte degli utenti: non servono terminale nГ© programmazione!

3рџ“Ѓ Come preparare il tuo ZIP#

1. Apri la cartella del tuo progetto sul computer
2. Seleziona TUTTI i file all'interno (inclusi package.json, src/, public/, ecc.)
3. Clic destro в†’ 'Comprimi' o 'Invia a ZIP'

вљ пёЏ Assicurati che package.json sia nella radice dello ZIP, non dentro una sottocartella.

Puoi anche scaricare direttamente il tuo progetto da GitHub come ZIP.

4рџљЂ Genera il tuo APK#

1. Seleziona la modalitГ 'Offline ZIP' nel Passaggio 1
2. Scegli il file ZIP del tuo progetto
3. L'app rileverГ automaticamente il tuo framework
4. Compila nome dell'app, icona, splash, ecc.
5. Clicca su 'Generate APK': fatto!

📶 Durante la generazione dei progetti con codice sorgente è richiesta una connessione a internet.

5рџЋЇ Consigli per i migliori risultati#

• Mantieni la tua app una single-page app (SPA): funziona meglio
• Se la tua app usa un backend/API, tieni il backend ospitato online
• Immagini e risorse nella cartella 'public/' vengono incluse automaticamente
• Prova prima la tua app in un browser per assicurarti che funzioni

6вќЊ Cosa non funzionerГ #

• Funzioni lato server (query al database, API del server integrate nell'app)
• App che richiedono Node.js o un server per funzionare
• Siti WordPress, Shopify o basati su CMS
• Progetti Svelte e Angular (in arrivo!)

Se la tua app funziona in un browser senza server, funzionerГ come APK!

7рџ“Ґ Scarica i progetti di esempio#

Prova questi progetti di esempio pronti per testare la funzione. Scarica uno ZIP qui sotto, poi usalo nel Passaggio 1 con la modalitГ 'Offline ZIP' per generare subito un APK!

⬇️ Esempio React (Vite) →

8рџ“Ґ Esempio Next.js#

Un'app Next.js multipagina con routing: ottima per testare la navigazione tra pagine nel tuo APK generato.

⬇️ Esempio Next.js →

9рџ“Ґ Esempio Astro#

Un sito statico veloce creato con Astro e componenti React: perfetto per app ricche di contenuti.

⬇️ Esempio Astro →

10рџ“Ґ Esempio HTML singolo#

Test offline minimo con un solo file (solo index.html). Ottimo per rapidi controlli quando risolvi problemi di schermate vuote.

⬇️ Esempio HTML singolo →

11рџ“Ґ Esempio HTML + CSS#

Semplice test offline con due file (index.html + style.css) per verificare il caricamento di CSS esterno nelle app generate.

⬇️ Esempio HTML + CSS →