Update the c3 template to use placeholders (#1038)

Author: vicb

create-cloudflare/next/.dev.vars

@@ -0,0 +1,2 @@
+# Load .env.development* files when running `wrangler dev`
+NEXTJS_ENV=development

create-cloudflare/next/package.json

@@ -1,5 +1,5 @@
 {
-	"name": "next",
+	"name": "<PACKAGE_NAME>",
 	"version": "0.1.0",
 	"private": true,
 	"scripts": {
@@ -13,7 +13,7 @@
 		"cf-typegen": "wrangler types --env-interface CloudflareEnv ./cloudflare-env.d.ts"
 	},
 	"dependencies": {
-		"@opennextjs/cloudflare": "^1.14.2",
+		"@opennextjs/cloudflare": "^1.14.4",
 		"next": "15.5.7",
 		"react": "19.1.2",
 		"react-dom": "19.1.2"
@@ -28,6 +28,6 @@
 		"eslint-config-next": "15.4.6",
 		"tailwindcss": "^4",
 		"typescript": "^5",
-		"wrangler": "^4.45.4"
+		"wrangler": "^4.53.0"
 	}
 }

create-cloudflare/next/tsconfig.json

@@ -20,8 +20,7 @@
 		],
 		"paths": {
 			"@/*": ["./src/*"]
-		},
-		"types": ["./cloudflare-env.d.ts", "node"]
+		}
 	},
 	"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
 	"exclude": ["node_modules"]

create-cloudflare/next/wrangler.jsonc

@@ -4,20 +4,28 @@
  */
 {
 	"$schema": "node_modules/wrangler/config-schema.json",
-	"name": "next",
+	"name": "<WORKER_NAME>",
 	"main": ".open-next/worker.js",
-	"compatibility_date": "2025-11-06",
+	"compatibility_date": "2025-12-01",
 	"compatibility_flags": ["nodejs_compat", "global_fetch_strictly_public"],
 	"assets": {
 		"binding": "ASSETS",
 		"directory": ".open-next/assets"
 	},
-	"observability": {
-		"enabled": true
-	},
 	"images": {
 		// Enable image optimization
 		// see https://opennext.js.org/cloudflare/howtos/image
 		"binding": "IMAGES"
+	},
+	"services": [
+		{
+			// Self-reference service binding, the service name must match the worker name
+			// see https://opennext.js.org/cloudflare/caching
+			"binding": "WORKER_SELF_REFERENCE",
+			"service": "<WORKER_NAME>"
+		}
+	],
+	"observability": {
+		"enabled": true
 	}
 }

packages/cloudflare/src/cli/build/utils/create-config-files.ts

@@ -39,9 +39,8 @@ export async function createWranglerConfigIfNotExistent(projectOpts: ProjectOpti
 	let wranglerConfig = readFileSync(join(getPackageTemplatesDirPath(), "wrangler.jsonc"), "utf8");
 
 	const appName = getAppNameFromPackageJson(projectOpts.sourceDir) ?? "app-name";
-	if (appName) {
-		wranglerConfig = wranglerConfig.replaceAll('"app-name"', JSON.stringify(appName.replaceAll("_", "-")));
-	}
+
+	wranglerConfig = wranglerConfig.replaceAll('"<WORKER_NAME>"', JSON.stringify(appName.replaceAll("_", "-")));
 
 	const compatDate = await getLatestCompatDate();
 	if (compatDate) {

packages/cloudflare/templates/wrangler.jsonc

@@ -1,17 +1,19 @@
 {
 	"$schema": "node_modules/wrangler/config-schema.json",
 	"main": ".open-next/worker.js",
-	"name": "app-name",
-	"compatibility_date": "2024-12-30",
+	"name": "<WORKER_NAME>",
+	"compatibility_date": "2025-12-01",
 	"compatibility_flags": ["nodejs_compat", "global_fetch_strictly_public"],
 	"assets": {
 		"directory": ".open-next/assets",
 		"binding": "ASSETS"
 	},
 	"services": [
 		{
+			// Self-reference service binding, the service name must match the worker name
+			// see https://opennext.js.org/cloudflare/caching
 			"binding": "WORKER_SELF_REFERENCE",
-			"service": "app-name"
+			"service": "<WORKER_NAME>"
 		}
 	],
 	"r2_buckets": [