1. Home
  2. Docs
  3. Engineering
  4. React Progressive Web App
  5. Capacitor

Capacitor

Capacitor allows to package React PWA app into native mobile Android & iOS apps.

Launching on Android

yarn build
# Or if you build a Storybook: yarn build-storybook
yarn cap open android

It will open Android Studio then you can run the mobile app on your device or emulator.

Common Pitfalls

  1. The PWA app must not depend on itself being a publicly-accessible URL (either http://localhost or https://somedomain.com).

Advanced: Setting Up

yarn add @capacitor/core@^3 @capacitor/cli@^3
yarn cap init
# for the www folder, use "dist"

yarn build

yarn install @capacitor/android@^3
yarn cap add android

export CAPACITOR_ANDROID_STUDIO_PATH=$HOME/android-studio/bin/studio.sh
yarn cap open android
Was this article helpful to you? Yes No

How can we help?

Leave a Reply

Your email address will not be published. Required fields are marked *