How to Convert Your Next.js App to iOS & Android

npm install @capacitor/core @capacitor/cli
npx cap init

const nextConfig = {
  output: 'export',
  images: {
    unoptimized: true,
  },
  // Disable trailing slashes for Capacitor
  trailingSlash: true,
};

export default nextConfig;

{
  "scripts": {
    "build": "next build",
    "cap:build": "npm run build && npx cap sync",
    "cap:ios": "npm run cap:build && npx cap open ios",
    "cap:android": "npm run cap:build && npx cap open android"
  }
}

import { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.yourcompany.appname',
  appName: 'Your App Name',
  webDir: 'out',
  server: {
    androidScheme: 'https'
  }
};

export default config;

npx cap add ios
npx cap add android

npm run build
npx cap sync

# For iOS
npx cap open ios

# For Android
npx cap open android

# Install plugins
npm install @capacitor/camera
npm install @capacitor/push-notifications

# Sync with native projects
npx cap sync