App mobile Webview e PWA

Un progetto Webview / PWA è un'applicazione web mobile-first. Cadrant la genera con la stessa pipeline React di un'app web, ma progetta le schermate per il telefono e apre l'anteprima in una cornice telefono per impostazione predefinita.

Usa questa modalità quando vuoi consegnare rapidamente un'esperienza mobile, condividere un URL, consentire l'installazione dal browser e, in seguito, eventualmente racchiudere l'app live in un guscio App Store.

Cosa ottieni

• UI mobile-first generata per touch screen e layout telefono.
• Anteprima in cornice telefono dentro Cadrant (stesse tab di un'app web: preview, editor, codice, data).
• Backend Supabase: auth, database, storage ed Edge Functions.
• Sync GitHub e cronologia delle versioni.
• Due percorsi di pubblicazione: Web / PWA, oppure App Store (guscio WebView).

Creare un progetto Webview / PWA

1. Crea un nuovo progetto e apri la tab Applicazione mobile.
2. Seleziona « Webview / PWA » (non « Nativa »).
3. Descrivi schermate, navigazione e funzionalità nel prompt.
4. Itera nell'anteprima a cornice telefono finché l'UX non è quella giusta.

Anteprima

A differenza dei progetti nativi, Webview / PWA non usa Metro né Expo Go. L'anteprima è la tua app web live renderizzata in una cornice telefono. Puoi anche passare al viewport desktop se necessario.

Pubblicare

Dall'intestazione del progetto, apri Pubblica. Hai due opzioni:

1. Web / PWA

Pubblica come un progetto web classico:

• URL Cadrant gratuita (slug) o il tuo dominio personalizzato.
• HTTPS incluso — condividi subito il link con gli utenti.
• Gli utenti aprono l'URL nel browser, oppure la aggiungono alla schermata Home (installazione tipo PWA dal menu del browser).
• Aggiorna in qualsiasi momento ripubblicando — l'ultima versione sostituisce la precedente.

Dettagli su slug e domini: Pubblica il tuo progetto e Domini personalizzati.

2. App Store (guscio WebView)

Quando scegli la pubblicazione App Store, Cadrant racchiude il tuo URL live pubblicato in un guscio Expo WebView, poi compila e carica un binario iOS sul tuo account App Store Connect.

• Il prodotto resta un'app web sotto il cofano — l'app dello store carica l'URL live in una WebView nativa.
• Segui comunque l'accesso Apple Developer, i dettagli dell'app, il certificato e il build (lo stesso flusso guidato del nativo).
• Finalizza scheda, screenshot e review in App Store Connect.

Flusso Apple passo dopo passo: Pubblicare su App Store Connect.