fix(cli): update prisma postgres db setup (#693)

Author: AmanVarshney01

apps/cli/README.md

@@ -38,7 +38,7 @@ Follow the prompts to configure your project or use the `--yes` flag for default
 | **Runtime**              | • Bun<br>• Node.js<br>• Cloudflare Workers<br>• None                                                                                                                                                                                                       |
 | **Database**             | • SQLite<br>• PostgreSQL<br>• MySQL<br>• MongoDB<br>• None                                                                                                                                                                                                 |
 | **ORM**                  | • Drizzle (TypeScript-first)<br>• Prisma (feature-rich)<br>• Mongoose (for MongoDB)<br>• None                                                                                                                                                              |
-| **Database Setup**       | • Turso (SQLite)<br>• Cloudflare D1 (SQLite)<br>• Neon (PostgreSQL)<br>• Supabase (PostgreSQL)<br>• Prisma Postgres (via Prisma Accelerate)<br>• MongoDB Atlas<br>• None (manual setup)                                                                    |
+| **Database Setup**       | • Turso (SQLite)<br>• Cloudflare D1 (SQLite)<br>• Neon (PostgreSQL)<br>• Supabase (PostgreSQL)<br>• Prisma Postgres<br>• MongoDB Atlas<br>• None (manual setup)                                                                    |
 | **Authentication**       | Better-Auth (email/password, with more options coming soon)                                                                                                                                                                                                |
 | **Styling**              | Tailwind CSS with shadcn/ui components                                                                                                                                                                                                                     |
 | **Addons**               | • PWA support<br>• Tauri (desktop applications)<br>• Starlight (documentation site)<br>• Biome (linting and formatting)<br>• Husky (Git hooks)<br>• Turborepo (optimized builds)                                                                           |

apps/cli/src/constants.ts

@@ -65,7 +65,6 @@ export const dependencyVersionMap = {
 	"@prisma/client": "^6.15.0",
 	prisma: "^6.15.0",
 	"@prisma/adapter-d1": "^6.15.0",
-	"@prisma/extension-accelerate": "^2.0.2",
 	"@prisma/adapter-libsql": "^6.15.0",
 
 	"@prisma/adapter-planetscale": "^6.15.0",

apps/cli/src/helpers/database-providers/prisma-postgres-setup.ts

@@ -4,8 +4,7 @@ import { consola } from "consola";
 import { execa } from "execa";
 import fs from "fs-extra";
 import pc from "picocolors";
-import type { ORM, PackageManager, ProjectConfig } from "../../types";
-import { addPackageDependency } from "../../utils/add-package-deps";
+import type { PackageManager, ProjectConfig } from "../../types";
 import { exitCancelled } from "../../utils/errors";
 import { getPackageExecutionCommand } from "../../utils/package-runner";
 import { addEnvVariablesToFile, type EnvVariable } from "../core/env-setup";
@@ -37,7 +36,6 @@ const AVAILABLE_REGIONS = [
 async function setupWithCreateDb(
 	serverDir: string,
 	packageManager: PackageManager,
-	orm: ORM,
 ) {
 	try {
 		log.info("Starting Prisma Postgres setup with create-db.");
@@ -73,13 +71,8 @@ async function setupWithCreateDb(
 			return null;
 		}
 
-		const databaseUrl =
-			orm === "drizzle"
-				? createDbResponse.directConnectionString
-				: createDbResponse.connectionString;
-
 		return {
-			databaseUrl,
+			databaseUrl: createDbResponse.connectionString,
 			claimUrl: createDbResponse.claimUrl,
 		};
 	} catch (error) {
@@ -113,16 +106,16 @@ async function initPrismaDatabase(
 
 		log.info(
 			pc.yellow(
-				"Please copy the Prisma Postgres URL from the output above.\nIt looks like: prisma+postgres://accelerate.prisma-data.net/?api_key=...",
+				"Please copy the Prisma Postgres URL.\nIt looks like: postgresql://user:password@host:5432/db?sslmode=require",
 			),
 		);
 
 		const databaseUrl = await text({
 			message: "Paste your Prisma Postgres database URL:",
 			validate(value) {
 				if (!value) return "Please enter a database URL";
-				if (!value.startsWith("prisma+postgres://")) {
-					return "URL should start with prisma+postgres://";
+				if (!value.startsWith("postgresql://")) {
+					return "URL should start with postgresql://";
 				}
 			},
 		});
@@ -202,23 +195,6 @@ function displayManualSetupInstructions(target: "apps/web" | "apps/server") {
 DATABASE_URL="your_database_url"`);
 }
 
-async function addPrismaAccelerateExtension(projectDir: string) {
-	try {
-		const dbPackageDir = path.join(projectDir, "packages/db");
-		await addPackageDependency({
-			dependencies: ["@prisma/extension-accelerate"],
-			projectDir: dbPackageDir,
-		});
-
-		return true;
-	} catch (_error) {
-		log.warn(
-			pc.yellow("Could not add Prisma Accelerate extension automatically"),
-		);
-		return false;
-	}
-}
-
 export async function setupPrismaPostgres(
 	config: ProjectConfig,
 	cliInput?: { manualDb?: boolean },
@@ -292,7 +268,7 @@ export async function setupPrismaPostgres(
 		let prismaConfig: PrismaConfig | null = null;
 
 		if (setupMethod === "create-db") {
-			prismaConfig = await setupWithCreateDb(dbDir, packageManager, orm);
+			prismaConfig = await setupWithCreateDb(dbDir, packageManager);
 		} else {
 			prismaConfig = await initPrismaDatabase(dbDir, packageManager);
 		}
@@ -302,15 +278,10 @@ export async function setupPrismaPostgres(
 
 			if (orm === "prisma") {
 				await addDotenvImportToPrismaConfig(projectDir, backend);
-				await addPrismaAccelerateExtension(projectDir);
 			}
 
-			const connectionType =
-				orm === "drizzle" ? "direct connection" : "Prisma Accelerate";
 			log.success(
-				pc.green(
-					`Prisma Postgres database configured successfully with ${connectionType}!`,
-				),
+				pc.green("Prisma Postgres database configured successfully!"),
 			);
 
 			if (prismaConfig.claimUrl) {

apps/cli/templates/db/prisma/postgres/src/index.ts.hbs

@@ -1,10 +1,5 @@
 import { PrismaClient } from "../prisma/generated/client";
-{{#if (and (eq dbSetup "prisma-postgres") (eq orm "prisma"))}}
-import { withAccelerate } from "@prisma/extension-accelerate";
 
-const prisma = new PrismaClient().$extends(withAccelerate());
-{{else}}
 const prisma = new PrismaClient();
-{{/if}}
 
 export default prisma;

apps/web/content/docs/cli/options.mdx

@@ -131,7 +131,7 @@ Database hosting/setup provider:
 - `d1`: Cloudflare D1 (SQLite)
 - `neon`: Neon (PostgreSQL)
 - `supabase`: Supabase (PostgreSQL)
-- `prisma-postgres`: Prisma Postgres via Prisma Accelerate
+- `prisma-postgres`: Prisma Postgres
 - `mongodb-atlas`: MongoDB Atlas
 - `docker`: Local Docker containers
 

apps/web/src/app/global.css

@@ -7,7 +7,7 @@
 
 .react-tweet-theme {
 	--tweet-container-margin: 0 !important;
-	@apply !bg-fd-background !border-none !h-full !border-transparent !w-full;
+	@apply bg-fd-background! border-none! h-full! border-transparent! w-full!;
 	max-width: 100% !important;
 	min-width: 0 !important;
 }
@@ -231,6 +231,7 @@
 .dark {
 	--color-fd-primary: #cba6f7;
 	--color-fd-primary-foreground: #11111b;
+	--color-fd-background: #0D0D0D;
 	--background: #11111b;
 	--foreground: #cdd6f4;
 	--card: #11111b;