πŸš€ Launch mobile apps faster with Next.jsGet NextNative β†’
πŸ“ Rename your app

Rename your app (by default it’s NextNative)

iOS

πŸ’‘

Don't forget to run the following command whenever you make changes to the code before deploying:

npm run mobile

  1. Open your project in Xcode by running:

npx cap open ios

  1. Select the App project, and double-click the App target to rename. Rename Bundle Identifier to be com.[yourappnamelowercase].app:

Create a product
  1. Open Info tab, go to Bundle display name and rename there.

Create a product
  1. Then, open ios/App/Podfile and rename the current target at the bottom of the file: οΏΌ

Create a product
  1. And also in capacitor.config.js:

Create a product

Android

πŸ’‘

Don't forget to run the following command whenever you make changes to the code before deploying:

npm run mobile

  1. To change your app's Package ID (aka Application ID for Android), edit applicationId at the top of android/app/build.gradle:
defaultConfig {
-       applicationId "com.nextnative.app"
+       applicationId "com.mycompany.app"
}
  1. To change the name of your app, change the value for app_name and title_activity_main in strings.xml:
<string name="app_name">MyApp</string>

<string name="title_activity_main">MyApp</string>
  1. And also in capacitor.config.js:

Create a product

NextNative Docs