diff --git a/examples/prisma-postgres/README.md b/examples/prisma-postgres/README.md
index d0b491ce94fd1..3f52380af2961 100644
--- a/examples/prisma-postgres/README.md
+++ b/examples/prisma-postgres/README.md
@@ -64,90 +64,22 @@ bun install
 
 ### 2. Create a Prisma Postgres instance
 
-Run the following command in your terminal:
+Run the following command to create a Prisma Postgres database and append the `DATABASE_URL` to your `.env`:
 
 ```
-npx prisma init --db
+npx create-db@latest --env >> .env
 ```
 
-If you don't have a [Prisma Data Platform](https://console.prisma.io/) account yet, or if you are not logged in, the command will prompt you to log in using one of the available authentication providers. A browser window will open so you can log in or create an account. Return to the CLI after you have completed this step.
-
-Once logged in (or if you were already logged in), the CLI will prompt you to:
-
-1. Select a **region** (e.g. `us-east-1`)
-1. Enter a **project name**
-
-After successful creation, you will see output similar to the following:
-
-<details>
-
-<summary>CLI output</summary>
-
-```terminal
-Let's set up your Prisma Postgres database!
-? Select your region: ap-northeast-1 - Asia Pacific (Tokyo)
-? Enter a project name: testing-migration
-✔ Success! Your Prisma Postgres database is ready ✅
-
-We found an existing schema.prisma file in your current project directory.
-
---- Database URL ---
-
-Connect Prisma ORM to your Prisma Postgres database with this URL:
-
-prisma+postgres://accelerate.prisma-data.net/?api_key=ey...
-
---- Next steps ---
-
-Go to https://pris.ly/ppg-init for detailed instructions.
-
-1. Install and use the Prisma Accelerate extension
-Prisma Postgres requires the Prisma Accelerate extension for querying. If you haven't already installed it, install it in your project:
-npm install @prisma/extension-accelerate
-
-...and add it to your Prisma Client instance:
-import { withAccelerate } from "@prisma/extension-accelerate"
-
-const prisma = new PrismaClient().$extends(withAccelerate())
-
-2. Apply migrations
-Run the following command to create and apply a migration:
-npx prisma migrate dev
-
-3. Manage your data
-View and edit your data locally by running this command:
-npx prisma studio
-
-...or online in Console:
-https://console.prisma.io/{workspaceId}/{projectId}/studio
-
-4. Send queries from your app
-If you already have an existing app with Prisma ORM, you can now run it and it will send queries against your newly created Prisma Postgres instance.
-
-5. Learn more
-For more info, visit the Prisma Postgres docs: https://pris.ly/ppg-docs
-```
-
-</details>
-
-Locate and copy the database URL provided in the CLI output. Then, follow the instructions in the next step to create a `.env` file in the project root.
-
 ### 3. Setup your `.env` file
 
-You now need to configure your database connection via an environment variable.
-
-First, create an `.env` file:
-
-```bash
-touch .env
-```
-
-Then update the `.env` file by replacing the existing `DATABASE_URL` value with the one you previously copied. It will look similar to this:
+This command writes the `DATABASE_URL` to your `.env`. Verify it contains a value like:
 
 ```bash
 DATABASE_URL="prisma+postgres://accelerate.prisma-data.net/?api_key=PRISMA_POSTGRES_API_KEY"
 ```
 
+If not, create `.env` and add the `DATABASE_URL` manually.
+
 ### 4. Migrate the database
 
 Run the following commands to set up your database and Prisma schema:
@@ -232,7 +164,7 @@ Once the server is running, visit `http://localhost:3000` to start using the app
 
 The app includes the following routes:
 
-- `/`: Display the thee most recent posts
+- `/`: Display the three most recent posts
 - `/posts`: Paginated list view of all posts
 - `/posts/new`: Create a new post
 - `/users/new`: Create a new user
@@ -242,7 +174,7 @@ The app includes the following routes:
 
 Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example):
 
-[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fnext.js%2Ftree%2Fcanary%2Fexamples%2Fprisma-orm&env=DATABASE_URL&envDescription=Add%20your%20PRISMA%20POSTGRES%20database%20url&project-name=prisma-orm-app&repository-name=prisma-orm)
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fnext.js%2Ftree%2Fcanary%2Fexamples%2Fprisma-postgres&env=DATABASE_URL&envDescription=Add%20your%20PRISMA%20POSTGRES%20database%20url&project-name=prisma-postgres-app&repository-name=prisma-postgres)
 
 ## Additional information
 
diff --git a/examples/prisma-postgres/app/Header.tsx b/examples/prisma-postgres/app/Header.tsx
index 66b91ab5174ce..ea56a3cda6e86 100644
--- a/examples/prisma-postgres/app/Header.tsx
+++ b/examples/prisma-postgres/app/Header.tsx
@@ -4,24 +4,24 @@ import Link from "next/link";
 
 export default function Header() {
   return (
-    <header className="w-full bg-white shadow-md py-4 px-8">
+    <header className="w-full bg-card shadow-md py-4 px-8 border-b border-border">
       <nav className="flex justify-between items-center">
         <Link
           href="/"
-          className="text-xl font-bold text-gray-800 hover:text-blue-600 transition-colors"
+          className="text-xl font-bold text-foreground hover:text-primary transition-colors"
         >
           Superblog
         </Link>
         <div className="space-x-4">
-          <Link href="/posts" className="text-blue-600 hover:underline">
+          <Link href="/posts" className="text-primary hover:underline">
             Posts
           </Link>
-          <Link href="/posts/new" className="text-blue-600 hover:underline">
+          <Link href="/posts/new" className="text-primary hover:underline">
             New Post
           </Link>
           <Link
             href="/users/new"
-            className="bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600 transition"
+            className="bg-primary text-white px-4 py-2 rounded-lg hover:brightness-110 transition"
           >
             New User
           </Link>
diff --git a/examples/prisma-postgres/app/globals.css b/examples/prisma-postgres/app/globals.css
index 6b717ad346d3d..7230d9c9f6786 100644
--- a/examples/prisma-postgres/app/globals.css
+++ b/examples/prisma-postgres/app/globals.css
@@ -1,21 +1,35 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
 :root {
   --background: #ffffff;
   --foreground: #171717;
+  --primary: #2563eb; /* blue-600 */
+  --card: #ffffff;
+  --border: #e5e7eb; /* gray-200 */
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-primary: var(--primary);
+  --color-card: var(--card);
+  --color-border: var(--border);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
     --background: #0a0a0a;
     --foreground: #ededed;
+    --primary: #60a5fa; /* blue-400 for dark */
+    --card: #0f1115;
+    --border: #374151; /* gray-700 */
   }
 }
 
 body {
-  color: var(--foreground);
   background: var(--background);
+  color: var(--foreground);
   font-family: Arial, Helvetica, sans-serif;
 }
diff --git a/examples/prisma-postgres/app/page.tsx b/examples/prisma-postgres/app/page.tsx
index 4664eb4864d49..c528cbd50f6b7 100644
--- a/examples/prisma-postgres/app/page.tsx
+++ b/examples/prisma-postgres/app/page.tsx
@@ -19,36 +19,37 @@ export default async function Home() {
   });
 
   return (
-    <div className="min-h-screen bg-gray-50 flex flex-col items-center justify-center -mt-16 p-8">
-      <h1 className="text-5xl font-extrabold mb-12 text-[#333333]">
+    <div className="min-h-screen bg-background flex flex-col items-center justify-center -mt-16 p-8">
+      <h1 className="text-5xl font-extrabold mb-12 text-foreground">
         Recent Posts
       </h1>
       <div className="grid gap-8 md:grid-cols-2 lg:grid-cols-3 w-full max-w-6xl">
-        {posts.map((post) => (
-          <Link key={post.id} href={`/posts/${post.id}`} className="group">
-            <div className="border rounded-lg shadow-md bg-white p-6 hover:shadow-lg transition-shadow duration-300">
-              <h2 className="text-2xl font-semibold text-blue-600 group-hover:underline mb-2">
-                {post.title}
-              </h2>
-              <p className="text-sm text-gray-500">
-                by {post.author ? post.author.name : "Anonymous"}
-              </p>
-              <p className="text-xs text-gray-400 mb-4">
-                {new Date(post.createdAt).toLocaleDateString("en-US", {
-                  year: "numeric",
-                  month: "long",
-                  day: "numeric",
-                })}
-              </p>
-              <div className="relative">
-                <p className="text-gray-700 leading-relaxed line-clamp-2">
-                  {post.content || "No content available."}
+        {posts &&
+          posts.map((post) => (
+            <Link key={post.id} href={`/posts/${post.id}`} className="group">
+              <div className="border rounded-lg shadow-md bg-card border-border p-6 hover:shadow-lg transition-shadow duration-300">
+                <h2 className="text-2xl font-semibold text-primary group-hover:underline mb-2">
+                  {post.title}
+                </h2>
+                <p className="text-sm text-foreground/70">
+                  by {post.author ? post.author.name : "Anonymous"}
                 </p>
-                <div className="absolute bottom-0 left-0 w-full h-12 bg-gradient-to-t from-gray-50 to-transparent" />
+                <p className="text-xs text-foreground/70 mb-4">
+                  {new Date(post.createdAt).toLocaleDateString("en-US", {
+                    year: "numeric",
+                    month: "long",
+                    day: "numeric",
+                  })}
+                </p>
+                <div className="relative">
+                  <p className="text-foreground leading-relaxed line-clamp-2">
+                    {post.content || "No content available."}
+                  </p>
+                  <div className="absolute bottom-0 left-0 w-full h-12 bg-gradient-to-t from-background to-transparent" />
+                </div>
               </div>
-            </div>
-          </Link>
-        ))}
+            </Link>
+          ))}
       </div>
     </div>
   );
diff --git a/examples/prisma-postgres/app/posts/[id]/page.tsx b/examples/prisma-postgres/app/posts/[id]/page.tsx
index 090ebf408f976..6d8cc144c84aa 100644
--- a/examples/prisma-postgres/app/posts/[id]/page.tsx
+++ b/examples/prisma-postgres/app/posts/[id]/page.tsx
@@ -36,27 +36,27 @@ export default async function Post({
   }
 
   return (
-    <div className="min-h-screen bg-gray-50 flex flex-col items-center justify-center p-8">
-      <article className="max-w-3xl w-full bg-white shadow-lg rounded-lg p-8">
+    <div className="min-h-screen bg-background flex flex-col items-center justify-center p-8">
+      <article className="max-w-3xl w-full bg-card border border-border shadow-lg rounded-lg p-8">
         {/* Post Title */}
-        <h1 className="text-5xl font-extrabold text-blue-600 mb-4">
+        <h1 className="text-5xl font-extrabold text-primary mb-4">
           {post.title}
         </h1>
 
         {/* Author Information */}
-        <p className="text-lg text-gray-600 mb-4">
+        <p className="text-lg text-foreground/70 mb-4">
           by{" "}
-          <span className="font-medium text-gray-800">
+          <span className="font-medium text-foreground">
             {post.author?.name || "Anonymous"}
           </span>
         </p>
 
         {/* Content Section */}
-        <div className="text-lg text-gray-800 leading-relaxed space-y-6 border-t pt-6">
+        <div className="text-lg text-foreground leading-relaxed space-y-6 border-t border-border pt-6">
           {post.content ? (
             <p>{post.content}</p>
           ) : (
-            <p className="italic text-gray-500">
+            <p className="italic text-foreground/70">
               No content available for this post.
             </p>
           )}
diff --git a/examples/prisma-postgres/app/posts/new/page.tsx b/examples/prisma-postgres/app/posts/new/page.tsx
index 0093ae98ea1ab..2253e0b975f6e 100644
--- a/examples/prisma-postgres/app/posts/new/page.tsx
+++ b/examples/prisma-postgres/app/posts/new/page.tsx
@@ -13,23 +13,18 @@ export default function NewPost() {
     const title = formData.get("title") as string;
     const content = formData.get("content") as string;
 
-    const postData = authorEmail
-      ? {
-          title,
-          content,
-          author: {
-            connect: {
-              email: authorEmail,
-            },
-          },
-        }
-      : {
-          title,
-          content,
-        };
+    if (!authorEmail) {
+      throw new Error("Author email is required");
+    }
 
     await prisma.post.create({
-      data: postData,
+      data: {
+        title,
+        content,
+        author: {
+          connect: { email: authorEmail },
+        },
+      },
     });
 
     revalidatePath("/posts");
@@ -38,7 +33,9 @@ export default function NewPost() {
 
   return (
     <div className="max-w-2xl mx-auto p-4">
-      <h1 className="text-2xl font-bold mb-6">Create New Post</h1>
+      <h1 className="text-2xl font-bold mb-6 text-foreground">
+        Create New Post
+      </h1>
       <Form action={createPost} className="space-y-6">
         <div>
           <label
@@ -46,7 +43,7 @@ export default function NewPost() {
             className="flex text-lg font-medium mb-2 items-center"
           >
             Title
-            <span className="ml-2 px-2 py-1 text-xs font-semibold text-white bg-gray-500 rounded-lg">
+            <span className="ml-2 px-2 py-1 text-xs font-semibold text-white bg-foreground/70 rounded-lg">
               Required
             </span>
           </label>
@@ -56,7 +53,7 @@ export default function NewPost() {
             name="title"
             required
             placeholder="Enter your post title ..."
-            className="w-full px-4 py-2 border rounded-lg"
+            className="w-full px-4 py-2 border border-border bg-card text-foreground rounded-lg"
           />
         </div>
         <div>
@@ -68,7 +65,7 @@ export default function NewPost() {
             name="content"
             placeholder="Write your post content here ..."
             rows={6}
-            className="w-full px-4 py-2 border rounded-lg"
+            className="w-full px-4 py-2 border border-border bg-card text-foreground rounded-lg"
           />
         </div>
         <div>
@@ -83,12 +80,13 @@ export default function NewPost() {
             id="authorEmail"
             name="authorEmail"
             placeholder="Enter the email of the author here ..."
-            className="w-full px-4 py-2 border rounded-lg"
+            required
+            className="w-full px-4 py-2 border border-border bg-card text-foreground rounded-lg"
           />
         </div>
         <button
           type="submit"
-          className="w-full bg-blue-500 text-white py-3 rounded-lg hover:bg-blue-600"
+          className="w-full bg-primary text-white py-3 rounded-lg hover:brightness-110"
         >
           Create Post
         </button>
diff --git a/examples/prisma-postgres/app/posts/page.tsx b/examples/prisma-postgres/app/posts/page.tsx
index 4e703a6a4a956..5eef275a0d393 100644
--- a/examples/prisma-postgres/app/posts/page.tsx
+++ b/examples/prisma-postgres/app/posts/page.tsx
@@ -50,30 +50,30 @@ function PostsList() {
     <>
       {isLoading ? (
         <div className="flex items-center justify-center space-x-2 min-h-[200px]">
-          <div className="w-6 h-6 border-4 border-blue-500 border-t-transparent rounded-full animate-spin"></div>
-          <p className="text-gray-600">Loading...</p>
+          <div className="w-6 h-6 border-4 border-primary border-t-transparent rounded-full animate-spin"></div>
+          <p className="text-foreground/70">Loading...</p>
         </div>
       ) : (
         <>
           {posts.length === 0 ? (
-            <p className="text-gray-600">No posts available.</p>
+            <p className="text-foreground/70">No posts available.</p>
           ) : (
             <ul className="space-y-6 w-full max-w-4xl mx-auto">
               {posts.map((post) => (
                 <li
                   key={post.id}
-                  className="border p-6 rounded-lg shadow-md bg-white"
+                  className="border p-6 rounded-lg shadow-md bg-card border-border"
                 >
                   <Link
                     href={`/posts/${post.id}`}
-                    className="text-2xl font-semibold text-blue-600 hover:underline"
+                    className="text-2xl font-semibold text-primary hover:underline"
                   >
                     {post.title}
                   </Link>
-                  <p className="text-sm text-gray-500">
+                  <p className="text-sm text-foreground/70">
                     by {post.author?.name || "Anonymous"}
                   </p>
-                  <p className="text-xs text-gray-400">
+                  <p className="text-xs text-foreground/70">
                     {new Date(post.createdAt).toLocaleDateString("en-US", {
                       year: "numeric",
                       month: "long",
@@ -89,14 +89,14 @@ function PostsList() {
           <div className="flex justify-center space-x-4 mt-8">
             {page > 1 && (
               <Link href={`/posts?page=${page - 1}`}>
-                <button className="px-4 py-2 bg-gray-200 rounded hover:bg-gray-300">
+                <button className="px-4 py-2 bg-card border border-border text-foreground rounded-sm hover:brightness-110">
                   Previous
                 </button>
               </Link>
             )}
             {page < totalPages && (
               <Link href={`/posts?page=${page + 1}`}>
-                <button className="px-4 py-2 bg-gray-200 rounded hover:bg-gray-300">
+                <button className="px-4 py-2 bg-card border border-border text-foreground rounded-sm hover:brightness-110">
                   Next
                 </button>
               </Link>
@@ -110,12 +110,14 @@ function PostsList() {
 
 export default function PostsPage() {
   return (
-    <div className="min-h-screen bg-gray-50 flex flex-col items-center justify-start p-8">
+    <div className="min-h-screen bg-[var(--background)] flex flex-col items-center justify-start p-8">
       <Suspense
         fallback={
           <div className="flex items-center justify-center min-h-screen">
-            <div className="w-10 h-10 border-4 border-blue-500 border-t-transparent rounded-full animate-spin"></div>
-            <p className="ml-3 text-gray-600">Loading page...</p>
+            <div className="w-10 h-10 border-4 border-[var(--primary)] border-t-transparent rounded-full animate-spin"></div>
+            <p className="ml-3 text-[color:rgba(107,114,128,1)] dark:text-[color:rgba(156,163,175,1)]">
+              Loading page...
+            </p>
           </div>
         }
       >
diff --git a/examples/prisma-postgres/app/setup/page.tsx b/examples/prisma-postgres/app/setup/page.tsx
index 49b6897bf1cb3..a391c5fb8d632 100644
--- a/examples/prisma-postgres/app/setup/page.tsx
+++ b/examples/prisma-postgres/app/setup/page.tsx
@@ -75,7 +75,7 @@ export default function SetupPage() {
                 Prisma Postgres extension
               </a>{" "}
               in your Netlify account. Next, you need to copy Prisma&apos;s
-              integration token into the extension in your Neltify Dashboard:
+              integration token into the extension in your Netlify Dashboard:
             </p>
             <ol className="list-decimal pl-6 mt-2 space-y-1 text-gray-700">
               <li>
diff --git a/examples/prisma-postgres/lib/prisma.ts b/examples/prisma-postgres/lib/prisma.ts
index d8f0b32faac29..88ad35165ad98 100644
--- a/examples/prisma-postgres/lib/prisma.ts
+++ b/examples/prisma-postgres/lib/prisma.ts
@@ -1,7 +1,10 @@
-import { PrismaClient } from "./generated/prisma-client";
+import { PrismaPg } from "@prisma/adapter-pg";
+import { PrismaClient } from "./generated/prisma-client/client";
 import { withAccelerate } from "@prisma/extension-accelerate";
 
-const prisma = new PrismaClient().$extends(withAccelerate());
+const adapter = new PrismaPg({ connectionString: process.env.DATABASE_URL });
+
+const prisma = new PrismaClient({ adapter }).$extends(withAccelerate());
 
 const globalForPrisma = global as unknown as { prisma: typeof prisma };
 
diff --git a/examples/prisma-postgres/package.json b/examples/prisma-postgres/package.json
index 1f3decae788a2..e1769978e2037 100644
--- a/examples/prisma-postgres/package.json
+++ b/examples/prisma-postgres/package.json
@@ -4,26 +4,26 @@
     "dev": "next dev --turbopack",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint",
     "postinstall": "prisma generate --no-engine"
   },
   "prisma": {
     "seed": "tsx prisma/seed.ts"
   },
   "dependencies": {
+    "@prisma/adapter-pg": "^6.16.3",
     "@prisma/client": "latest",
     "@prisma/extension-accelerate": "latest",
     "next": "latest",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.14",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "postcss": "^8",
     "prisma": "latest",
-    "tailwindcss": "^3.4.1",
+    "tailwindcss": "^4.1.14",
     "tsx": "^4.19.2",
     "typescript": "^5"
   }
diff --git a/examples/prisma-postgres/postcss.config.mjs b/examples/prisma-postgres/postcss.config.mjs
index 1a69fd2a450af..c7bcb4b1ee14c 100644
--- a/examples/prisma-postgres/postcss.config.mjs
+++ b/examples/prisma-postgres/postcss.config.mjs
@@ -1,8 +1,5 @@
-/** @type {import('postcss-load-config').Config} */
 const config = {
-  plugins: {
-    tailwindcss: {},
-  },
+  plugins: ["@tailwindcss/postcss"],
 };
 
 export default config;
diff --git a/examples/prisma-postgres/prisma/schema.prisma b/examples/prisma-postgres/prisma/schema.prisma
index 9ed05aa7af4e6..53f2b369dfbbb 100644
--- a/examples/prisma-postgres/prisma/schema.prisma
+++ b/examples/prisma-postgres/prisma/schema.prisma
@@ -1,5 +1,6 @@
 generator client {
-  provider = "prisma-client-js"
+  provider = "prisma-client"
+  engineType = "client"
   output   = "../lib/generated/prisma-client"
 }
 
diff --git a/examples/prisma-postgres/prisma/seed.ts b/examples/prisma-postgres/prisma/seed.ts
index b6713d3d89518..7bb9e6e8e6d1c 100644
--- a/examples/prisma-postgres/prisma/seed.ts
+++ b/examples/prisma-postgres/prisma/seed.ts
@@ -1,6 +1,4 @@
-import { PrismaClient } from "../lib/generated/prisma-client";
-
-const prisma = new PrismaClient();
+import prisma from "../lib/prisma";
 
 async function main() {
   // Create 5 users
@@ -12,6 +10,7 @@ async function main() {
       { email: "diana@example.com", name: "Diana" },
       { email: "edward@example.com", name: "Edward" },
     ],
+    skipDuplicates: true,
   });
 
   // Find all users to get their IDs
diff --git a/examples/prisma-postgres/tailwind.config.ts b/examples/prisma-postgres/tailwind.config.ts
deleted file mode 100644
index 1362b8826a5aa..0000000000000
--- a/examples/prisma-postgres/tailwind.config.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { Config } from "tailwindcss";
-
-export default {
-  content: [
-    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
-    "./components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./app/**/*.{js,ts,jsx,tsx,mdx}",
-  ],
-  theme: {
-    extend: {
-      colors: {
-        background: "var(--background)",
-        foreground: "var(--foreground)",
-      },
-    },
-  },
-  plugins: [],
-} satisfies Config;