use the Cloudflare maintained Next.js template

Author: petebacondarwin

.changeset/moody-carrots-itch.md

@@ -0,0 +1,5 @@
+---
+"create-cloudflare": patch
+---
+
+use the Cloudflare maintained Next.js template

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

@@ -1,45 +1,27 @@
-import { brandColor, dim } from "@cloudflare/cli/colors";
-import { spinner } from "@cloudflare/cli/interactive";
+import { brandColor } from "@cloudflare/cli/colors";
 import { runFrameworkGenerator } from "frameworks/index";
-import { readFile, usesTypescript, writeFile } from "helpers/files";
 import { installPackages } from "helpers/packages";
 import type { TemplateConfig } from "../../src/templates";
 import type { C3Context } from "types";
 
 const generate = async (ctx: C3Context) => {
-	await runFrameworkGenerator(ctx, [ctx.project.name]);
+	await runFrameworkGenerator(ctx, [
+		ctx.project.name,
+		// We are using the Cloudflare template for Next.js projects
+		// This is a template maintained by Cloudflare that based on a standard Next.js starter project,
+		// and has already been configured to work with Cloudflare Workers
+		"--example",
+		"https://github.com/cloudflare/templates/tree/main/next-starter-template",
+	]);
 };
 
-const configure = async (ctx: C3Context) => {
+const configure = async () => {
+	// Although the template is pre-configured for Cloudflare Workers,
+	// we still need to install the latest minor of the OpenNext Cloudflare adapter package.
 	await installPackages(["@opennextjs/cloudflare@^1.3.0"], {
 		startText: "Adding the Cloudflare adapter",
 		doneText: `${brandColor(`installed`)} @opennextjs/cloudflare)}`,
 	});
-
-	const usesTs = usesTypescript(ctx);
-
-	updateNextConfig(usesTs);
-};
-
-const updateNextConfig = (usesTs: boolean) => {
-	const s = spinner();
-
-	const configFile = `next.config.${usesTs ? "ts" : "mjs"}`;
-	s.start(`Updating \`${configFile}\``);
-
-	const configContent = readFile(configFile);
-
-	const updatedConfigFile =
-		configContent +
-		`
-		// added by create cloudflare to enable calling \`getCloudflareContext()\` in \`next dev\`
-		import { initOpenNextCloudflareForDev } from '@opennextjs/cloudflare';
-		initOpenNextCloudflareForDev();
-		`.replace(/\n\t*/g, "\n");
-
-	writeFile(configFile, updatedConfigFile);
-
-	s.stop(`${brandColor(`updated`)} ${dim(`\`${configFile}\``)}`);
 };
 
 const envInterfaceName = "CloudflareEnv";