test: switch to cloudflare

Author: AmanVarshney01

apps/cli/src/utils/bts-config.ts

@@ -25,7 +25,7 @@ export async function writeBtsConfig(projectConfig: ProjectConfig) {
 	};
 
 	const baseContent = {
-		$schema: "https://better-t-stack.dev/schema.json",
+		$schema: "https://r2.better-t-stack.dev/schema.json",
 		version: btsConfig.version,
 		createdAt: btsConfig.createdAt,
 		database: btsConfig.database,

apps/web/instrumentation-client.ts

@@ -1,11 +1,7 @@
+// instrumentation-client.js
 import posthog from "posthog-js";
 
-if (process.env.NODE_ENV !== "development") {
-	posthog.init(process.env.NEXT_PUBLIC_POSTHOG_KEY || "", {
-		api_host: "/ingest",
-		ui_host: "https://us.posthog.com",
-		defaults: "2025-05-24",
-		capture_exceptions: true, // This enables capturing exceptions using Error Tracking
-		debug: process.env.NODE_ENV !== "production",
-	});
-}
+posthog.init(process.env.NEXT_PUBLIC_POSTHOG_KEY || "", {
+	api_host: process.env.NEXT_PUBLIC_POSTHOG_HOST,
+	defaults: "2025-05-24",
+});

apps/web/next.config.mjs

@@ -5,37 +5,19 @@ const withMDX = createMDX();
 /** @type {import('next').NextConfig} */
 const config = {
 	reactStrictMode: true,
-	// This is required to support PostHog trailing slash API requests
-	skipTrailingSlashRedirect: true,
-	experimental: {
-		reactCompiler: true,
-	},
 	images: {
 		remotePatterns: [
 			{ protocol: "https", hostname: "pbs.twimg.com" },
 			{ protocol: "https", hostname: "abs.twimg.com" },
 		],
 	},
-	async rewrites() {
-		return [
-			{
-				source: "/ingest/static/:path*",
-				destination: "https://us-assets.i.posthog.com/static/:path*",
-			},
-			{
-				source: "/ingest/:path*",
-				destination: "https://us.i.posthog.com/:path*",
-			},
-			{
-				source: "/ingest/decide",
-				destination: "https://us.i.posthog.com/decide",
-			},
-			{
-				source: "/docs/:path*.mdx",
-				destination: "/llms.mdx/:path*",
-			},
-		];
+	outputFileTracingExcludes: {
+		"*": ["./**/*.js.map", "./**/*.mjs.map", "./**/*.cjs.map"],
 	},
 };
 
 export default withMDX(config);
+
+import { initOpenNextCloudflareForDev } from "@opennextjs/cloudflare";
+
+initOpenNextCloudflareForDev();

apps/web/open-next.config.ts

@@ -0,0 +1,3 @@
+import { defineCloudflareConfig } from "@opennextjs/cloudflare";
+
+export default defineCloudflareConfig();

apps/web/package.json

@@ -8,15 +8,17 @@
     "start": "next start",
     "check": "biome check --write .",
     "postinstall": "fumadocs-mdx",
-    "deploy": "vercel --prod",
-    "preview": "vercel dev",
+    "preview": "opennextjs-cloudflare build && opennextjs-cloudflare preview",
+    "deploy": "opennextjs-cloudflare build && opennextjs-cloudflare deploy -- --keep-vars",
+    "cf-typegen": "wrangler types --env-interface CloudflareEnv cloudflare-env.d.ts",
     "generate-analytics": "bun scripts/generate-analytics.ts",
     "generate-schema": "bun scripts/generate-schema.ts"
   },
   "dependencies": {
     "@better-t-stack/backend": "workspace:*",
     "@erquhart/convex-oss-stats": "^0.8.1",
     "@number-flow/react": "^0.5.10",
+    "@opennextjs/cloudflare": "^1.6.3",
     "@orama/orama": "^3.1.11",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
     "babel-plugin-react-compiler": "^19.1.0-rc.2",
@@ -29,7 +31,7 @@
     "fumadocs-ui": "15.6.7",
     "lucide-react": "^0.536.0",
     "motion": "^12.23.12",
-    "next": "15.4.5",
+    "next": "15.3.5",
     "next-themes": "^0.4.6",
     "nuqs": "^2.4.3",
     "papaparse": "^5.5.3",
@@ -55,6 +57,7 @@
     "postcss": "^8.5.6",
     "tailwindcss": "^4.1.11",
     "tw-animate-css": "^1.3.6",
-    "typescript": "^5.9.2"
+    "typescript": "^5.9.2",
+    "wrangler": "^4.27.0"
   }
 }

apps/web/src/app/robots.ts renamed to apps/web/robots.ts

@@ -1,5 +1,7 @@
-import path from "node:path";
-import fs from "fs-extra";
+import { execSync } from "node:child_process";
+import { mkdtempSync, writeFileSync } from "node:fs";
+import { tmpdir } from "node:os";
+import { join } from "node:path";
 import {
 	AddonsSchema,
 	APISchema,
@@ -28,7 +30,7 @@ const WEB_DEPLOY_VALUES = WebDeploySchema.options;
 
 const configSchema = {
 	$schema: "http://json-schema.org/draft-07/schema#",
-	$id: "https://better-t-stack.dev/schema.json",
+	$id: "https://r2.better-t-stack.dev/schema.json",
 	title: "Better-T-Stack Configuration",
 	description: "Configuration file for Better-T-Stack projects",
 	type: "object",
@@ -136,14 +138,34 @@ const configSchema = {
 };
 
 async function generateSchema() {
-	const schemaPath = path.join(process.cwd(), "public", "schema.json");
-	await fs.ensureDir(path.dirname(schemaPath));
-	await fs.writeFile(
-		schemaPath,
-		JSON.stringify(configSchema, null, 2),
-		"utf-8",
-	);
-	console.log("✅ Generated schema.json from shared types package");
+	try {
+		console.log("🔄 Generating schema...");
+
+		const tempDir = mkdtempSync(join(tmpdir(), "schema-"));
+		const tempFilePath = join(tempDir, "schema.json");
+
+		writeFileSync(tempFilePath, JSON.stringify(configSchema, null, 2));
+
+		console.log("📤 Uploading to Cloudflare R2...");
+
+		const BUCKET_NAME = "bucket";
+		const key = "schema.json";
+		const cmd = `npx wrangler r2 object put "${BUCKET_NAME}/${key}" --file="${tempFilePath}" --remote`;
+
+		console.log(`Uploading ${tempFilePath} to r2://${BUCKET_NAME}/${key} ...`);
+		try {
+			execSync(cmd, { stdio: "inherit" });
+		} catch (err) {
+			console.error("Failed to upload schema:", err);
+			throw err;
+		}
+
+		console.log("✅ Generated schema.json from shared types package");
+		console.log("📤 Uploaded to R2 bucket: bucket/schema.json");
+	} catch (error) {
+		console.error("❌ Error generating schema:", error);
+		process.exit(1);
+	}
 }
 
 generateSchema().catch(console.error);

apps/web/scripts/generate-schema.ts

@@ -7,7 +7,6 @@ import {
 	DocsTitle,
 } from "fumadocs-ui/page";
 import { notFound } from "next/navigation";
-import { LLMCopyButton, ViewOptions } from "@/components/ai/page-actions";
 import { source } from "@/lib/source";
 
 export default async function Page(props: {
@@ -21,13 +20,6 @@ export default async function Page(props: {
 
 	return (
 		<DocsPage toc={page.data.toc} full={page.data.full}>
-			<div className="flex flex-row items-center gap-2 border-b pt-2 pb-6">
-				<LLMCopyButton markdownUrl={`${page.url}.mdx`} />
-				<ViewOptions
-					markdownUrl={`${page.url}.mdx`}
-					githubUrl={`https://github.com/amanvarshney01/create-better-t-stack/blob/dev/apps/docs/content/docs/${page.path}`}
-				/>
-			</div>
 			<DocsTitle>{page.data.title}</DocsTitle>
 			<DocsDescription>{page.data.description}</DocsDescription>
 			<DocsBody>
@@ -49,16 +41,8 @@ export async function generateMetadata({
 	const { slug = [] } = await params;
 	const page = source.getPage(slug);
 	if (!page) notFound();
-	const image = ["/docs-og", ...slug, "image.png"].join("/");
 	return {
 		title: page.data.title,
 		description: page.data.description,
-		openGraph: {
-			images: image,
-		},
-		twitter: {
-			card: "summary_large_image",
-			images: image,
-		},
 	};
 }