In ProgressStep 03 of 08
Install Capacitor
Capacitor is the bridge between your web app and native iOS. We will install the Capacitor CLI and initialize your project.
Prerequisites
macOS computer with Xcode installed
Apple Developer Account ($99/year)Required for App Store submission
Node.js 18+ installed
Lovable project exported
Tasks
Install Capacitor CLI globally
npm install -g @capacitor/cliInitialize Capacitor in your project
npx cap initInstall iOS platform
npm install @capacitor/iosAdd iOS platform to project
npx cap add iosSync web assets to native project
npx cap syncTips
- •Make sure your build output is in the "dist" or "build" folder
- •The app name in capacitor.config.ts should match your desired iOS app name
- •You can change the bundle ID later, but it is easier to set it correctly now