create-prisma 0.7.2 → 0.8.0-pr.56.216.1

package/templates/create/next/src/app/page.tsx.hbs

@@ -1,31 +1,23 @@
 export const dynamic = "force-dynamic";
 
 export default async function Home() {
-{{#if (eq schemaPreset "basic")}}
-  const { prisma } = await import("../lib/prisma");
+
+  const { listUsers } = await import("../prisma/users");
   const formatter = new Intl.DateTimeFormat("en", {
     dateStyle: "medium",
     timeStyle: "short",
   });
-  const users = await prisma.user
-    .findMany({
-      take: 10,
-      orderBy: {
-        createdAt: "desc",
-      },
-    })
-    .catch(() => undefined);
-{{/if}}
+  const users = await listUsers(10).catch(() => undefined);
 
   return (
     <main className="shell">
       <div className="hero">
-        <p className="eyebrow">Next.js + Prisma 7</p>
-{{#if (eq schemaPreset "basic")}}
+        <p className="eyebrow">Next.js + Prisma 8</p>
+
         <h1>Users from your database, loaded on the server.</h1>
         <p className="lede">
-          This page reads from <code>src/app/page.tsx</code> using the Prisma instance in{" "}
-          <code>src/lib/prisma.ts</code>.
+          This page reads from <code>src/app/page.tsx</code> using the Prisma 8 helper in{" "}
+          <code>src/prisma/users.ts</code>.
         </p>
       </div>
 
@@ -37,63 +29,32 @@ export default async function Home() {
 
         {!users ? (
           <p className="empty">
-            Could not query users yet. Run <code>db:migrate</code>, then <code>db:seed</code>,
+            Could not query users yet. Run <code>contract:emit</code> and apply your schema,
             then refresh.
           </p>
         ) : users.length === 0 ? (
-          <p className="empty">No users yet. Run <code>db:seed</code> after your first migration.</p>
+          <p className="empty">No users found.</p>
         ) : (
           <ul className="users">
             {users.map((user) => (
               <li key={user.id}>
                 <div>
                   <strong>{user.name ?? "Unnamed user"}</strong>
-                  <p>{user.email}</p>
+                  <p>{user.username ? `@${user.username}` : user.email}</p>
                 </div>
-                <time dateTime={user.createdAt.toISOString()}>
-                  {formatter.format(user.createdAt)}
-                </time>
+                {user.createdAt ? (
+                  <time dateTime={user.createdAt.toISOString()}>
+                    {formatter.format(user.createdAt)}
+                  </time>
+                ) : (
+                  <span className="empty">No timestamp</span>
+                )}
               </li>
             ))}
           </ul>
         )}
       </section>
-{{else}}
-        <h1>Your Next.js app is ready.</h1>
-        <p className="lede">
-          Edit <code>prisma/schema.prisma</code>, run <code>db:migrate</code>, then load your data
-          in server components with the Prisma instance in <code>src/lib/prisma.ts</code>.
-        </p>
-      </div>
 
-      <section className="panel">
-        <div className="panelHeader">
-          <h2>What&apos;s included</h2>
-          <span>Starter kit</span>
-        </div>
-
-        <ul className="users">
-          <li>
-            <div>
-              <strong>Prisma client</strong>
-              <p>Use the shared instance from <code>src/lib/prisma.ts</code>.</p>
-            </div>
-          </li>
-          <li>
-            <div>
-              <strong>Seed script</strong>
-              <p>Run <code>db:seed</code> after your first migration.</p>
-            </div>
-          </li>
-          <li>
-            <div>
-              <strong>Generated client output</strong>
-              <p>Prisma Client is generated into <code>src/generated/prisma</code>.</p>
-            </div>
-          </li>
-        </ul>
-      </section>
-{{/if}}
     </main>
   );
 }

package/templates/create/next/tsconfig.json

@@ -14,6 +14,7 @@
     "isolatedModules": true,
     "jsx": "react-jsx",
     "incremental": true,
+    "types": ["node"],
     "plugins": [
       {
         "name": "next"

package/templates/create/nuxt/app/pages/index.vue.hbs

@@ -3,12 +3,12 @@ useHead({
   title: "create-prisma + nuxt",
 });
 
-{{#if (eq schemaPreset "basic")}}
 type User = {
   id: string;
   email: string;
+  username: string | null;
   name: string | null;
-  createdAt: string;
+  createdAt: string | null;
 };
 
 type UsersPayload = {
@@ -26,18 +26,18 @@ const { data } = await useFetch<UsersPayload>("/api/users");
 function formatCreatedAt(value: string): string {
   return formatter.format(new Date(value));
 }
-{{/if}}
+
 </script>
 
 <template>
   <main class="shell">
     <div class="hero">
-      <p class="eyebrow">Nuxt + Prisma 7</p>
-{{#if (eq schemaPreset "basic")}}
+      <p class="eyebrow">Nuxt + Prisma 8</p>
+
       <h1>Users from your database, loaded through Nitro.</h1>
       <p class="lede">
         This page fetches <code>/api/users</code> from <code>server/api/users.get.ts</code> using
-        the Prisma instance in <code>server/utils/prisma.ts</code>.
+        the Prisma 8 helper in <code>src/prisma/users.ts</code>.
       </p>
     </div>
 
@@ -48,57 +48,23 @@ function formatCreatedAt(value: string): string {
       </div>
 
       <p v-if="data?.error" class="empty">
-        \{{ data.error }} Run <code>db:migrate</code>, then <code>db:seed</code>, then refresh.
+        \{{ data.error }} Run <code>contract:emit</code> and apply your schema, then refresh.
       </p>
       <p v-else-if="!data?.users?.length" class="empty">
-        No users yet. Run <code>db:seed</code> after your first migration.
+        No users found.
       </p>
       <ul v-else class="users">
         <li v-for="user in data.users" :key="user.id">
           <div>
             <strong>\{{ user.name ?? "Unnamed user" }}</strong>
-            <p>\{{ user.email }}</p>
+            <p>\{{ user.username ? "@" + user.username : user.email }}</p>
           </div>
-          <time :datetime="user.createdAt">\{{ formatCreatedAt(user.createdAt) }}</time>
+          <time v-if="user.createdAt" :datetime="user.createdAt">\{{ formatCreatedAt(user.createdAt) }}</time>
+          <span v-else class="muted">No timestamp</span>
         </li>
       </ul>
     </section>
-{{else}}
-      <h1>Your Nuxt app is ready.</h1>
-      <p class="lede">
-        Edit <code>prisma/schema.prisma</code>, run <code>db:migrate</code>, then query data in
-        Nitro routes or server utilities with the Prisma instance in <code>server/utils/prisma.ts</code>.
-      </p>
-    </div>
 
-    <section class="panel">
-      <div class="panel-header">
-        <h2>What's included</h2>
-        <span>Starter kit</span>
-      </div>
-
-      <ul class="users">
-        <li>
-          <div>
-            <strong>Prisma client</strong>
-            <p>Use the shared server instance from <code>server/utils/prisma.ts</code>.</p>
-          </div>
-        </li>
-        <li>
-          <div>
-            <strong>Nitro API route</strong>
-            <p>Start from <code>server/api/users.get.ts</code> for server-side data access.</p>
-          </div>
-        </li>
-        <li>
-          <div>
-            <strong>Generated client output</strong>
-            <p>Prisma Client is generated into <code>server/generated/prisma</code>.</p>
-          </div>
-        </li>
-      </ul>
-    </section>
-{{/if}}
   </main>
 </template>
 
@@ -165,6 +131,7 @@ h2 {
 
 .panel-header span,
 .empty,
+.muted,
 time {
   color: #888;
   font-size: 0.8rem;

package/templates/create/nuxt/package.json.hbs

@@ -15,14 +15,15 @@
     "typecheck": "nuxt typecheck"
   },
   "dependencies": {
-    "nuxt": "^4.4.8",
-    "vue": "^3.5.38",
-    "vue-router": "^5.1.0"
+    "nuxt": "^4.3.1",
+    "vue": "^3.5.29",
+    "vue-router": "^4.6.4"
   },
   "devDependencies": {
-    "@types/node": "^26.0.0",
-    "tsx": "^4.22.4",
-    "typescript": "^6.0.3",
-    "vue-tsc": "^3.3.5"
+    "@types/node": "^24.3.0",
+    "tsx": "^4.7.1",
+    "typescript": "^5.9.3",
+    "vite": "^8.1.2",
+    "vue-tsc": "^3.3.9"
   }
 }

package/templates/create/nuxt/server/api/users.get.ts.hbs

@@ -1,18 +1,11 @@
-{{#if (eq schemaPreset "basic")}}
-import prisma from "../utils/prisma";
+import { listUsers } from "../../src/prisma/users";
 
 export default defineEventHandler(async () => {
-  const users = await prisma.user
-    .findMany({
-      take: 10,
-      orderBy: {
-        createdAt: "desc",
-      },
-    })
+  const users = await listUsers(10)
     .then((rows) =>
       rows.map((user) => ({
         ...user,
-        createdAt: user.createdAt.toISOString(),
+        createdAt: user.createdAt?.toISOString() ?? null,
       }))
     )
     .catch((error) => {
@@ -29,8 +22,3 @@ export default defineEventHandler(async () => {
 
   return { users };
 });
-{{else}}
-export default defineEventHandler(async () => {
-  return { users: [] };
-});
-{{/if}}

package/templates/create/nuxt/tsconfig.json

@@ -1,4 +1,7 @@
 {
+  "compilerOptions": {
+    "types": ["node"]
+  },
   "files": [],
   "references": [
     {

package/templates/create/svelte/package.json.hbs

@@ -12,18 +12,16 @@
 		"preview": "vite preview",
 		"prepare": "svelte-kit sync || echo ''",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"db:generate": "svelte-kit sync && {{prismaCommand packageManager "generate"}}"
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-auto": "^7.0.1",
-		"@sveltejs/kit": "^2.67.0",
-		"@sveltejs/vite-plugin-svelte": "^7.1.2",
-		"@types/node": "^26.0.0",
-		"svelte": "^5.56.3",
-		"svelte-check": "^4.6.0",
-		"tsx": "^4.22.4",
-		"typescript": "^6.0.3",
-		"vite": "^8.0.16"
+		"@sveltejs/kit": "^2.50.2",
+		"@sveltejs/vite-plugin-svelte": "^7.3.0",
+		"@types/node": "^24.3.0",
+		"svelte": "^5.51.0",
+		"svelte-check": "^4.4.2",
+		"tsx": "^4.7.1",
+		"typescript": "^5.9.3",
+		"vite": "^8.1.2"
 	}
 }

package/templates/create/svelte/src/routes/+page.server.ts.hbs

@@ -1,28 +1,16 @@
 import type { PageServerLoad } from "./$types";
-{{#if (eq schemaPreset "basic")}}
-import prisma from "$lib/server/prisma";
+
+import { listUsers } from "../prisma/users";
 
 export const load: PageServerLoad = async () => {
-  const users = await prisma.user
-    .findMany({
-      take: 10,
-      orderBy: {
-        createdAt: "desc",
-      },
-    })
+  const users = await listUsers(10)
     .then((rows) =>
       rows.map((user) => ({
         ...user,
-        createdAt: user.createdAt.toISOString(),
+        createdAt: user.createdAt?.toISOString() ?? null,
       }))
     )
     .catch(() => undefined);
 
   return { users };
 };
-{{else}}
-
-export const load: PageServerLoad = async () => {
-  return {};
-};
-{{/if}}

package/templates/create/svelte/src/routes/+page.svelte.hbs

@@ -1,4 +1,3 @@
-{{#if (eq schemaPreset "basic")}}
 <script lang="ts">
 	import type { PageProps } from './$types';
 
@@ -18,11 +17,11 @@
 
 <section class="shell">
 	<div class="hero">
-		<p class="eyebrow">SvelteKit + Prisma 7</p>
+		<p class="eyebrow">SvelteKit + Prisma 8</p>
 		<h1>Users from your database, loaded on the server.</h1>
 		<p class="lede">
-			This page reads from <code>+page.server.ts</code> using the Prisma instance in
-			<code>src/lib/server/prisma.ts</code>.
+			This page reads from <code>+page.server.ts</code> using the Prisma 8 helper in
+			<code>src/prisma/users.ts</code>.
 		</p>
 	</div>
 
@@ -34,22 +33,26 @@
 
 		{#if !data.users}
 			<p class="empty">
-				Could not query users yet. Run <code>db:migrate</code>, then <code>db:seed</code>, then
+				Could not query users yet. Run <code>contract:emit</code> and apply your schema, then
 				refresh.
 			</p>
 		{:else if data.users.length === 0}
-			<p class="empty">No users yet. Run <code>db:seed</code> after your first migration.</p>
+			<p class="empty">No users found.</p>
 		{:else}
 			<ul class="users">
 				{#each data.users as user}
 					<li>
 						<div>
 							<strong>{user.name ?? 'Unnamed user'}</strong>
-							<p>{user.email}</p>
+							<p>{user.username ? `@${user.username}` : user.email}</p>
 						</div>
-						<time datetime={new Date(user.createdAt).toISOString()}>
-							{formatter.format(new Date(user.createdAt))}
-						</time>
+						{#if user.createdAt}
+							<time datetime={new Date(user.createdAt).toISOString()}>
+								{formatter.format(new Date(user.createdAt))}
+							</time>
+						{:else}
+							<span class="muted">No timestamp</span>
+						{/if}
 					</li>
 				{/each}
 			</ul>
@@ -120,6 +123,7 @@
 
 	.panel-header span,
 	.empty,
+	.muted,
 	time {
 		color: #888;
 		font-size: 0.8rem;
@@ -173,157 +177,3 @@
 		}
 	}
 </style>
-{{else}}
-<svelte:head>
-	<title>create-prisma + sveltekit</title>
-</svelte:head>
-
-<section class="shell">
-	<div class="hero">
-		<p class="eyebrow">SvelteKit + Prisma 7</p>
-		<h1>Your SvelteKit app is ready.</h1>
-		<p class="lede">
-			Edit <code>prisma/schema.prisma</code>, run <code>db:migrate</code>, then load your data from
-			<code>+page.server.ts</code> with the Prisma instance in <code>src/lib/server/prisma.ts</code>.
-		</p>
-	</div>
-
-	<div class="panel">
-		<div class="panel-header">
-			<h2>What's included</h2>
-			<span>Starter kit</span>
-		</div>
-
-		<ul class="users">
-			<li>
-				<div>
-					<strong>Prisma client</strong>
-					<p>Use the server-only instance from <code>src/lib/server/prisma.ts</code>.</p>
-				</div>
-			</li>
-			<li>
-				<div>
-					<strong>Seed script</strong>
-					<p>Run <code>db:seed</code> after your first migration.</p>
-				</div>
-			</li>
-			<li>
-				<div>
-					<strong>Generated client output</strong>
-					<p>Prisma Client is generated into <code>src/generated/prisma</code>.</p>
-				</div>
-			</li>
-		</ul>
-	</div>
-</section>
-
-<style>
-	:global(body) {
-		margin: 0;
-		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
-		background: #fff;
-		color: #111;
-	}
-
-	.shell {
-		max-width: 40rem;
-		margin: 0 auto;
-		padding: 3rem 1.5rem;
-	}
-
-	.hero {
-		margin-bottom: 1.5rem;
-	}
-
-	.eyebrow {
-		margin: 0 0 0.5rem;
-		color: #666;
-		font-size: 0.75rem;
-		font-weight: 600;
-		letter-spacing: 0.06em;
-		text-transform: uppercase;
-	}
-
-	h1 {
-		margin: 0;
-		font-size: 1.25rem;
-		font-weight: 600;
-		line-height: 1.4;
-	}
-
-	.lede {
-		margin: 0.5rem 0 0;
-		color: #666;
-		font-size: 0.875rem;
-		line-height: 1.6;
-	}
-
-	.panel {
-		border: 1px solid #e5e5e5;
-		border-radius: 0.5rem;
-		padding: 1rem;
-	}
-
-	.panel-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		gap: 1rem;
-		margin-bottom: 0.75rem;
-	}
-
-	h2 {
-		margin: 0;
-		font-size: 0.875rem;
-		font-weight: 600;
-	}
-
-	.panel-header span {
-		color: #888;
-		font-size: 0.8rem;
-	}
-
-	.panel p {
-		color: #666;
-		font-size: 0.8rem;
-	}
-
-	.users {
-		list-style: none;
-		margin: 0;
-		padding: 0;
-		display: grid;
-		gap: 0.5rem;
-	}
-
-	.users li {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		gap: 1rem;
-		padding: 0.625rem 0.75rem;
-		border: 1px solid #eee;
-		border-radius: 0.375rem;
-	}
-
-	.users p {
-		margin: 0.125rem 0 0;
-	}
-
-	code {
-		padding: 0.125rem 0.25rem;
-		border-radius: 0.25rem;
-		background: #f5f5f5;
-		font-family: SFMono-Regular, Consolas, monospace;
-		font-size: 0.875em;
-	}
-
-	@media (max-width: 640px) {
-		.users li,
-		.panel-header {
-			flex-direction: column;
-			align-items: flex-start;
-		}
-	}
-</style>
-{{/if}}

package/templates/create/svelte/svelte.config.js

@@ -1,11 +1,8 @@
-import adapter from "@sveltejs/adapter-auto";
+import adapter from "@sveltejs/adapter-node";
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
   kit: {
-    // adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
-    // If your environment is not supported, or you settled on a specific environment, switch out the adapter.
-    // See https://svelte.dev/docs/kit/adapters for more information about adapters.
     adapter: adapter(),
   },
 };

package/templates/create/svelte/tsconfig.json

@@ -10,7 +10,8 @@
     "skipLibCheck": true,
     "sourceMap": true,
     "strict": true,
-    "moduleResolution": "bundler"
+    "moduleResolution": "bundler",
+    "types": ["node"]
   }
   // Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
   // except $lib which is handled by https://svelte.dev/docs/kit/configuration#files

package/templates/create/svelte/vite.config.ts

@@ -3,4 +3,7 @@ import { defineConfig } from "vite";
 
 export default defineConfig({
   plugins: [sveltekit()],
+  ssr: {
+    noExternal: true,
+  },
 });

package/templates/create/tanstack-start/package.json.hbs

@@ -7,26 +7,26 @@
   {{/if}}
   "type": "module",
   "scripts": {
-    "dev": "vite dev",
+    "dev": "vite dev --port 3000",
     "build": "vite build",
-    "start": "node .output/server/index.mjs",
     "preview": "vite preview",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@tanstack/react-router": "^1.170.16",
-    "@tanstack/react-start": "^1.168.26",
-    "nitro": "^3.0.260610-beta",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7"
+    "@tanstack/react-router": "^1.132.0",
+    "@tanstack/react-start": "^1.132.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
   },
   "devDependencies": {
-    "@types/node": "^26.0.0",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.3",
-    "tsx": "^4.22.4",
-    "typescript": "^6.0.3",
-    "vite": "^8.0.16"
+    "@tanstack/router-plugin": "^1.132.0",
+    "@types/node": "^24.3.0",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "@vitejs/plugin-react": "^5.2.0",
+    "tsx": "^4.7.1",
+    "typescript": "^5.9.3",
+    "vite": "^8.1.2",
+    "vite-tsconfig-paths": "^6.1.1"
   }
 }

package/templates/create/tanstack-start/src/routes/__root.tsx.hbs

@@ -18,7 +18,7 @@ export const Route = createRootRoute({
       },
       {
         name: "description",
-        content: "TanStack Start + Prisma starter generated by create-prisma.",
+        content: "TanStack Start + Prisma 8 starter generated by create-prisma.",
       },
     ],
     links: [
@@ -42,7 +42,7 @@ function RootDocument({ children }: { children: ReactNode }) {
           <header className="topbar">
             <div>
               <p className="eyebrow">create-prisma</p>
-              <h1>TanStack Start + Prisma</h1>
+              <h1>TanStack Start + Prisma 8</h1>
             </div>
 
             <nav className="nav">
@@ -68,4 +68,3 @@ function RootDocument({ children }: { children: ReactNode }) {
     </html>
   );
 }
-