C3: handle new next.config.mjs default files

.changeset/forty-boxes-lay.md

@@ -0,0 +1,8 @@
+---
+"create-cloudflare": patch
+---
+
+handle new Next.js `next.config.mjs` default files
+
+Since `create-next-app` `v14.1.0` the default generated config file is `next.config.mjs`
+(instead of `next.config.js`), so such new default files need to be handled accordingly

packages/create-cloudflare/templates/next/c3.ts

@@ -112,7 +112,7 @@ const configure = async (ctx: C3Context) => {
 		await writeEslintrc(ctx);
 	}
 
-	writeFile(`${projectPath}/next.config.js`, nextConfig);
+	writeFile(`${projectPath}/next.config.mjs`, nextConfig);
 	updateStatus("Updated the next.config.js file");
 
 	writeFile(`${projectPath}/README.md`, readme);

packages/create-cloudflare/templates/next/templates.ts

@@ -180,30 +180,30 @@ const styles = {
 } as const;
 `;
 
-export const nextConfig = `/** @type {import('next').NextConfig} */
-const nextConfig = {}
+export const nextConfig = `import { setupDevBindings } from '@cloudflare/next-on-pages/next-dev';
 
-module.exports = nextConfig
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
 
 // Here we use the @cloudflare/next-on-pages next-dev module to allow us to use bindings during local development
 // (when running the application with \`next dev\`), for more information see:
-// https://github.com/dario-piotrowicz/next-on-pages/blob/8e93067/internal-packages/next-dev/README.md
+// https://github.com/cloudflare/next-on-pages/blob/8e93067/internal-packages/next-dev/README.md
 if (process.env.NODE_ENV === 'development') {
-  import('@cloudflare/next-on-pages/next-dev').then(({ setupDevBindings }) => {
-      setupDevBindings({
-          bindings: {
-              // Add here the Cloudflare Bindings you want to have available during local development,
-              // for more details on Bindings see: https://developers.cloudflare.com/pages/functions/bindings/)
-              //
-              // KV Example:
-              // MY_KV: {
-              //   type: 'kv',
-              //   id: 'xxx',
-              // }
-          }
-      })
-  })
+  await setupDevBindings({
+    bindings: {
+        // Add here the Cloudflare Bindings you want to have available during local development,
+        // for more details on Bindings see: https://developers.cloudflare.com/pages/functions/bindings/)
+        //
+        // KV Example:
+        // MY_KV: {
+        //   type: 'kv',
+        //   id: 'xxx',
+        // }
+    }
+  });
 }
+
+export default nextConfig;
 `;
 
 export const envDts = `declare global {