title: Where is the right place to configure the APP name?
body: <p>Each Ionic project has a project configuration file <a href="https://ionicframework.com/docs/cli/configuration" rel="nofollow noreferrer">ionic.config.json</a> where you can configure the human-readable name of the app:</p>
  
  <pre><code>{
    // The human-readable name of the app.
    "name": "My App",
  
    // The project type of the app. The CLI uses this value to determine which
    // commands and command options are available, what to output for help
    // documentation, and what to use for web asset builds and the dev server.
    "type": "angular",
  
    // The App ID for Ionic Appflow.
    "id": "abc123",
  
    // Configuration object for integrations such as Cordova and Capacitor.
    "integrations": {
      "cordova": {
        ...
      }
    },
  
    // Hook configuration--see the Hooks section below for details.
    "hooks": {
      ...
    }
  }
  </code></pre>
  
  <p>Using <a href="https://capacitor.ionicframework.com/docs/basics/configuring-your-app/" rel="nofollow noreferrer">capacitor</a> gives us another opportunity to place an app name:</p>
  
  <pre><code>{
    // The package name for Android and the bundle identifier for iOS.
    "appId": "com.company.appname",
  
    // Your app's name.
    "appName": "Capacitor Kitchen Sink",
  
    // Sets the directory of your built web assets. This is the directory that will be
    // used to run your app in a native environment.
    "webDir": "www",
  
    // The JavaScript package manager to use, either npm or yarn.
    "npmClient": "npm",
    ...
  }
  </code></pre>
  
  <p>Where is the right place for the app name?</p>
  
  <p>Thanks in advance</p>