Capacitor Config Generator ⚙️

Generate a valid capacitor.config.ts for your Next.js or web project. Copy, customize, and use it instantly in your app.

App NameApp ID (Bundle ID)Web DirectoryBackground ColorServer URL (optional)

Include bundled web runtime

Generated capacitor.config.ts

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

const config: CapacitorConfig = {
  "appId": "com.example.myapp",
  "appName": "MyApp",
  "webDir": "out",
  "bundledWebRuntime": false,
  "backgroundColor": "#FFFFFF",
  "plugins": {
    "SplashScreen": {
      "launchShowDuration": 2000,
      "backgroundColor": "#FFFFFF",
      "androidSplashResourceName": "splash",
      "androidScaleType": "CENTER_CROP",
      "showSpinner": false
    }
  }
};

export default config;

Built with ❤️ by NextNative.dev team.

Launch mobile apps 10x faster with Next.js

Skip native dev. Use Next.js + Capacitor to go live fast.

Try for Free

Vlad

Android developer

Bogdan

NVIDIA GPU Engineer

Denis

Web developer

Vilaliy

Senior .NET Developer

Terry

Developer

Mat B.

Developer

Martin

Entrepreneur

Loved by 45+ teams/devs