How to Build an iOS App with Next.js in 2025

# Verify installation
xcode-select -p
          
# Install command line tools if not already installed
xcode-select --install

const nextConfig = {
  // Export statically for native builds
  ...(process.env.IS_NATIVE && {
    env: {
      IS_NATIVE: "true",
    },
    output: "export",
    images: {
      unoptimized: true,
    },
  }),
};

export default nextConfig;

"mobile": "cross-env IS_NATIVE=true npm run build && cross-env IS_NATIVE=true npx cap sync",
"mobile:dev": "cross-env IS_NATIVE=true npm run build && cross-env IS_NATIVE=true npx cap sync && npm run dev"

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

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

const config: CapacitorConfig = {
  appId: 'com.yourcompany.appname',
  appName: 'Your App Name',
  webDir: 'out',
  ios: {
    schema: 'YourAppName',
  }
};

export default config;

npx cap add ios

npm run build
npx cap sync ios

npx cap open ios