Webview & PWA mobile apps

A Webview / PWA project is a mobile-first web application. Cadrant generates it with the same React pipeline as a web app, but designs screens for the phone and opens the preview in a phone frame by default.

Use this mode when you want to ship a mobile experience quickly, share a URL, let users install from the browser, and optionally wrap the live app in an App Store shell later.

What you get

• Mobile-first UI generated for touch screens and phone layouts.
• Phone-frame preview inside Cadrant (same tabs as a web app: preview, editor, code, data).
• Supabase backend: auth, database, storage and Edge Functions.
• GitHub sync and version history.
• Two publish paths: Web / PWA, or App Store (WebView shell).

Create a Webview / PWA project

1. Create a new project and open the Mobile application tab.
2. Select « Webview / PWA » (not « Native »).
3. Describe screens, navigation and features in your prompt.
4. Iterate in the phone-frame preview until the UX feels right.

Preview

Unlike native projects, Webview / PWA does not use Metro or Expo Go. The preview is your live web app rendered in a phone frame. You can also switch to desktop viewport if needed.

Publish

From the project header, open Publish. You get two options:

1. Web / PWA

Publish like a classic web project:

• Free Cadrant URL (slug) or your custom domain.
• HTTPS included — share the link with users immediately.
• Users can open the URL in the browser, or add it to their home screen (PWA-style install from the browser menu).
• Update anytime by publishing again — the latest version replaces the previous one.

Details on slug and custom domains: Publish your project and Custom domains.

2. App Store (WebView shell)

When you choose App Store publish, Cadrant wraps your live published URL in an Expo WebView shell, then builds and uploads an iOS binary to your App Store Connect account.

• Your product stays a web app under the hood — the store app loads the live URL in a native WebView.
• You still go through Apple Developer sign-in, app details, certificate and build (same guided flow as native).
• Finalize listing, screenshots and review in App Store Connect.

Step-by-step Apple flow: Publish to App Store Connect.