Apps mobiles Webview & PWA

Un projet Webview / PWA est une application web mobile-first. Cadrant la génère avec le même pipeline React qu'une app web, mais conçoit les écrans pour le téléphone et ouvre l'aperçu dans un cadre téléphone par défaut.

Choisissez ce mode pour livrer vite une expérience mobile, partager une URL, laisser installer depuis le navigateur, et éventuellement encapsuler l'app live dans une coque App Store plus tard.

Ce que vous obtenez

• UI mobile-first générée pour le tactile et les layouts téléphone.
• Aperçu cadre téléphone dans Cadrant (mêmes onglets qu'une app web : preview, éditeur, code, data).
• Backend Supabase : auth, base, stockage et Edge Functions.
• Sync GitHub et historique de versions.
• Deux chemins de publication : Web / PWA, ou App Store (coque WebView).

Créer un projet Webview / PWA

1. Créez un projet et ouvrez l'onglet Application mobile.
2. Sélectionnez « Webview / PWA » (pas « Natif »).
3. Décrivez écrans, navigation et fonctionnalités dans le prompt.
4. Itérez dans l'aperçu cadre téléphone jusqu'à ce que l'UX soit bonne.

Aperçu

Contrairement au natif, Webview / PWA n'utilise ni Metro ni Expo Go. L'aperçu est votre app web live rendue dans un cadre téléphone. Vous pouvez aussi passer en viewport desktop si besoin.

Publier

Depuis l'en-tête du projet, ouvrez Publier. Deux options :

1. Web / PWA

Publiez comme un projet web classique :

• URL Cadrant gratuite (slug) ou votre nom de domaine.
• HTTPS inclus — partagez le lien immédiatement.
• Les utilisateurs ouvrent l'URL dans le navigateur, ou l'ajoutent à l'écran d'accueil (installation type PWA via le menu du navigateur).
• Mettez à jour à tout moment en republissant — la dernière version remplace la précédente.

Détails slug et domaines : Publier votre projet et Domaines personnalisés.

2. App Store (coque WebView)

Quand vous choisissez la publication App Store, Cadrant encapsule votre URL live dans une coque Expo WebView, puis compile et envoie un binaire iOS sur votre compte App Store Connect.

• Le produit reste une app web — l'app store charge l'URL live dans une WebView native.
• Vous passez toujours par la connexion Apple Developer, les détails de l'app, le certificat et le build (même parcours guidé que le natif).
• Finalisez fiche, captures et revue dans App Store Connect.

Parcours Apple détaillé : Publier sur App Store Connect.