feat: Add option to enable Turbopack with create-next-app

docs/02-app/02-api-reference/06-create-next-app.mdx

@@ -39,6 +39,7 @@ Would you like to use Tailwind CSS?  No / Yes
 Would you like to use `src/` directory?  No / Yes
 Would you like to use App Router? (recommended)  No / Yes
 Would you like to customize the default import alias (@/*)?  No / Yes
+Would you like to use Turbopack for next dev? (RC)  No / Yes
 ```
 
 Once you've answered the prompts, a new project will be created with the correct configuration depending on your answers.
@@ -80,6 +81,10 @@ Options:
 
     Initialize inside a `src/` directory.
 
+  --turbo
+
+    Enable Turbopack by default for development.
+
   --import-alias <alias-to-configure>
 
     Specify import alias to use (default "@/*").

packages/create-next-app/README.md

@@ -59,6 +59,10 @@ Options:
 
     Initialize inside a `src/` directory.
 
+  --turbo
+
+    Enable Turbopack by default for development.
+
   --import-alias <alias-to-configure>
 
     Specify import alias to use (default "@/*").

packages/create-next-app/create-app.ts

@@ -36,6 +36,7 @@ export async function createApp({
   importAlias,
   skipInstall,
   empty,
+  turbo,
 }: {
   appPath: string
   packageManager: PackageManager
@@ -49,6 +50,7 @@ export async function createApp({
   importAlias: string
   skipInstall: boolean
   empty: boolean
+  turbo: boolean
 }): Promise<void> {
   let repoInfo: RepoInfo | undefined
   const mode: TemplateMode = typescript ? 'ts' : 'js'
@@ -237,6 +239,16 @@ export async function createApp({
     console.log()
   }
 
+  if (hasPackageJson) {
+    const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'))
+    if (turbo) {
+      packageJson.scripts.dev = 'next dev --turbo'
+    } else {
+      packageJson.scripts.dev = 'next dev'
+    }
+    fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2))
+  }
+
   let cdpath: string
   if (path.join(originalDirectory, appName) === appPath) {
     cdpath = appName

packages/create-next-app/index.ts

@@ -272,6 +272,7 @@ async function run(): Promise<void> {
       importAlias: '@/*',
       customizeImportAlias: false,
       empty: false,
+      turbo: false,
     }
     const getPrefOrDefault = (field: string) =>
       preferences[field] ?? defaults[field]
@@ -395,7 +396,24 @@ async function run(): Promise<void> {
         program.app = Boolean(appRouter)
       }
     }
-
+    if (!process.argv.includes('--turbo') && !process.argv.includes('--no-turbo')) {
+      if (ciInfo.isCI) {
+        program.turbo = getPrefOrDefault('turbo')
+      } else {
+        const styledTurbo = blue('Turbopack')
+        const { turbo } = await prompts({
+          onState: onPromptState,
+          type: 'toggle',
+          name: 'turbo',
+          message: `Would you like to use ${styledTurbo} for next dev? (RC)`,
+          initial: getPrefOrDefault('turbo'),
+          active: 'Yes',
+          inactive: 'No',
+        })
+        program.turbo = Boolean(turbo)
+        preferences.turbo = Boolean(turbo)
+      }
+    }
     const importAliasPattern = /^[^*"]+\/\*\s*$/
     if (
       typeof program.importAlias !== 'string' ||
@@ -439,6 +457,24 @@ async function run(): Promise<void> {
         }
       }
     }
+    if (!process.argv.includes('--turbo') && !process.argv.includes('--no-turbo')) {
+      if (ciInfo.isCI) {
+        program.turbo = getPrefOrDefault('turbo')
+      } else {
+        const styledTurbo = blue('Turbopack')
+        const { turbo } = await prompts({
+          onState: onPromptState,
+          type: 'toggle',
+          name: 'turbo',
+          message: `Would you like to use ${styledTurbo} for next dev? (RC)`,
+          initial: getPrefOrDefault('turbo'),
+          active: 'Yes',
+          inactive: 'No',
+        })
+        program.turbo = Boolean(turbo)
+        preferences.turbo = Boolean(turbo)
+      }
+    }
   }
 
   try {
@@ -455,6 +491,7 @@ async function run(): Promise<void> {
       importAlias: program.importAlias,
       skipInstall: program.skipInstall,
       empty: program.empty,
+      turbo: program.turbo,
     })
   } catch (reason) {
     if (!(reason instanceof DownloadError)) {