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

# Install command line tools
xcode-select --install

# Verify installation
xcode-select -p

const nextConfig = {
  output: 'export',
  images: {
    unoptimized: true,
  },
  trailingSlash: true,
};

export default nextConfig;

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: {
    contentInset: 'automatic',
  }
};

export default config;

npx cap add ios

npm run build
npx cap sync ios

npx cap open ios

1. Select your project in the left sidebar
2. Select the "App" target
3. Go to "Signing & Capabilities" tab
4. Check "Automatically manage signing"
5. Select your development team
6. Xcode will create a provisioning profile

1. In Xcode, select a simulator (e.g., iPhone 15 Pro)
2. Click the "Play" button or press Cmd+R
3. Wait for the simulator to boot and your app to launch

1. Connect your iPhone via USB
2. Trust the computer on your device
3. Select your device in Xcode (top bar)
4. Click "Play" to build and run
5. Trust the developer certificate on your device