Next.js + Prisma + Cloudflare
+Next.js + Drizzle + Cloudflare
Vinext Boilerplate
Minimal Pages Router starter built for local web development first and Cloudflare Workers deployment second. @@ -25,7 +25,7 @@ export default function HomePage() {
Next 16
React 19
- Prisma 7
+ Drizzle
vinext
wrangler
oxfmt + oxlint
diff --git a/src/server/db.ts b/src/server/db.ts
index 07408ad..9357e7e 100644
--- a/src/server/db.ts
+++ b/src/server/db.ts
@@ -1,23 +1,22 @@
-import { PrismaClient } from "@/db";
-import { PrismaPg } from "@prisma/adapter-pg";
+import { drizzle } from "drizzle-orm/postgres-js";
+import postgres from "postgres";
import { env } from "~/env";
+import * as schema from "~/server/schema";
-const adapter = new PrismaPg({
- connectionString: env.DATABASE_URL,
-});
-
-const createPrismaClient = () =>
- new PrismaClient({
- adapter,
- log: env.NODE_ENV === "development" ? ["error", "warn"] : ["error"],
+const createDb = () => {
+ const client = postgres(env.DATABASE_URL, {
+ prepare: false,
});
-const globalForPrisma = globalThis as unknown as {
- prisma: ReturnType | undefined;
+ return drizzle(client, { schema });
};
-export const db = globalForPrisma.prisma ?? createPrismaClient();
+const globalForDb = globalThis as unknown as {
+ db: ReturnType | undefined;
+};
+
+export const db = globalForDb.db ?? createDb();
if (env.NODE_ENV !== "production") {
- globalForPrisma.prisma = db;
+ globalForDb.db = db;
}
diff --git a/src/server/posts.ts b/src/server/posts.ts
index 31a8362..c842743 100644
--- a/src/server/posts.ts
+++ b/src/server/posts.ts
@@ -1,9 +1,6 @@
+import { desc } from "drizzle-orm";
import { db } from "~/server/db";
+import { posts } from "~/server/schema";
export const listRecentPosts = async (limit: number = 5) =>
- db.post.findMany({
- take: limit,
- orderBy: {
- createdAt: "desc",
- },
- });
+ db.select().from(posts).orderBy(desc(posts.createdAt)).limit(limit);
diff --git a/src/server/schema.ts b/src/server/schema.ts
new file mode 100644
index 0000000..4c10a7f
--- /dev/null
+++ b/src/server/schema.ts
@@ -0,0 +1,22 @@
+import { index, pgTable, text, timestamp, boolean } from "drizzle-orm/pg-core";
+
+export const posts = pgTable(
+ "posts",
+ {
+ id: text("id")
+ .primaryKey()
+ .$defaultFn(() => crypto.randomUUID()),
+ title: text("title").notNull(),
+ slug: text("slug").notNull().unique(),
+ body: text("body"),
+ published: boolean("published").notNull().default(false),
+ createdAt: timestamp("created_at", { withTimezone: true }).notNull().defaultNow(),
+ updatedAt: timestamp("updated_at", { withTimezone: true })
+ .notNull()
+ .defaultNow()
+ .$onUpdate(() => new Date()),
+ },
+ (table) => ({
+ publishedCreatedAtIdx: index("posts_published_created_at_idx").on(table.published, table.createdAt),
+ }),
+);
diff --git a/tsconfig.json b/tsconfig.json
index 9e88efe..ef88b18 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -23,8 +23,7 @@
}
],
"paths": {
- "~/*": ["./src/*"],
- "@/db": ["./generated/prisma/client"]
+ "~/*": ["./src/*"]
}
},
"include": [