webapp-to-capacitor

Web App to Capacitor

Turn a production web app into a Capacitor app that behaves like a mobile app and survives store review. The Capacitor shell is usually a day of work; mobile UX, native capabilities, and store policy are the real project.

When to Use

TRIGGER when:

• "Turn my website / PWA / React (Vue, Angular, Svelte, Next.js, Nuxt) app into an iOS/Android app."
• The user asks whether Apple will reject a WebView wrapper (guideline 4.2) or how to make it feel native.
• The user needs a migration plan covering permissions, offline, auth, account deletion, payments, and testing.

Do not use for:

• Only fixing webDir, SSR, or routing for a specific framework -> framework-to-capacitor.
• Cordova/PhoneGap/Ionic-Cordova projects -> cordova-to-capacitor.
• Uploading builds, screenshots, listing metadata -> capacitor-app-store.
• Auditing a submission or answering a rejection -> capacitor-apple-review-preflight.
• CI pipelines and signing -> capacitor-ci-cd or capgo-native-builds.

Live Project Snapshot

Detected web framework, build scripts, and Capacitor packages: !node -e "const fs=require('fs');if(!fs.existsSync('package.json'))process.exit(0);const pkg=JSON.parse(fs.readFileSync('package.json','utf8'));const names=['@capacitor/core','@capacitor/cli','@capacitor/ios','@capacitor/android','@capgo/capacitor-updater','next','react','vue','@angular/core','@sveltejs/kit','nuxt','vite','@ionic/react','@ionic/vue','@ionic/angular','vite-plugin-pwa','workbox-window'];const out=[];for(const section of ['dependencies','devDependencies']){for(const [name,version] of Object.entries(pkg[section]||{})){if(names.includes(name))out.push(section+'.'+name+'='+version)}}for(const [name,cmd] of Object.entries(pkg.scripts||{})){if(/build|dev|preview|start|export|generate|sync|cap|ios|android/i.test(name))out.push('scripts.'+name+'='+cmd)}console.log(out.sort().join('\n'))"

Relevant config and native project paths: !find . -maxdepth 4 -not -path '*/node_modules/*' \( -name 'capacitor.config.*' -o -name 'vite.config.*' -o -name 'next.config.*' -o -name 'nuxt.config.*' -o -name 'angular.json' -o -name 'svelte.config.*' -o -name 'manifest.webmanifest' -o -name 'manifest.json' -o -path './ios' -o -path './android' -o -name 'Info.plist' -o -name 'AndroidManifest.xml' \)