create-prisma 0.7.1-pr.52.181.1 → 0.7.2

package/templates/create/tanstack-start/prisma.compute.ts.hbs

@@ -0,0 +1,9 @@
+import { defineComputeConfig } from "@prisma/compute-sdk/config";
+
+export default defineComputeConfig({
+  app: {
+    name: "{{projectName}}",
+    framework: "tanstack-start",
+    env: ".env",
+  },
+});

package/templates/create/tanstack-start/src/lib/prisma.server.ts.hbs

@@ -1,8 +1,7 @@
+{{#if (requiresDotenvConfigImport packageManager)}}
 import "dotenv/config";
-
-import service from "../../service";
-
-import { PrismaClient } from "../generated/prisma/client";
+{{/if}}
+import { PrismaClient } from "../generated/prisma/client{{#if (eq packageManager "deno")}}.ts{{/if}}";
 {{#if (eq provider "postgresql")}}
 import { PrismaPg } from "@prisma/adapter-pg";
 {{/if}}
@@ -19,20 +18,7 @@ import { {{sqliteAdapterClass packageManager}} } from "{{sqliteAdapterPackage pa
 import { PrismaMssql } from "@prisma/adapter-mssql";
 {{/if}}
 
-function getComposerDatabaseUrl(): string | undefined {
-  try {
-    {{#if composerPostgres}}
-    return service.load().database.url;
-    {{else}}
-    return service.input().databaseUrl.expose();
-    {{/if}}
-  } catch {
-    return undefined;
-  }
-}
-
-const rawDatabaseUrl = getComposerDatabaseUrl() ?? process.env.DATABASE_URL;
-
+const rawDatabaseUrl = process.env.DATABASE_URL;
 {{#if (eq provider "sqlite")}}
 const databaseUrl = (rawDatabaseUrl ?? "").trim() || "file:./dev.db";
 {{else}}

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import { HeadContent, Scripts, createRootRoute } from "@tanstack/react-router";
+import { HeadContent, Link, Scripts, createRootRoute } from "@tanstack/react-router";
 
 import appCss from "../styles.css?url";
 
@@ -14,11 +14,11 @@ export const Route = createRootRoute({
         content: "width=device-width, initial-scale=1",
       },
       {
-        title: "{{projectName}} · Prisma",
+        title: "{{projectName}}",
       },
       {
         name: "description",
-        content: "A minimal Prisma starter generated by create-prisma.",
+        content: "TanStack Start + Prisma starter generated by create-prisma.",
       },
     ],
     links: [
@@ -38,9 +38,34 @@ function RootDocument({ children }: { children: ReactNode }) {
         <HeadContent />
       </head>
       <body>
-        {children}
+        <div className="shell">
+          <header className="topbar">
+            <div>
+              <p className="eyebrow">create-prisma</p>
+              <h1>TanStack Start + Prisma</h1>
+            </div>
+
+            <nav className="nav">
+              <Link to="/" className="navLink">
+                Home
+              </Link>
+              <a
+                className="navLink"
+                href="https://tanstack.com/start/latest/docs/framework/react/overview"
+                rel="noreferrer"
+                target="_blank"
+              >
+                Docs
+              </a>
+            </nav>
+          </header>
+
+          {children}
+        </div>
+
         <Scripts />
       </body>
     </html>
   );
 }
+

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

@@ -1,8 +1,10 @@
 import { createFileRoute } from "@tanstack/react-router";
-
 import { createServerFn } from "@tanstack/react-start";
+{{#if (eq schemaPreset "basic")}}
 import { prisma } from "../lib/prisma.server";
+{{/if}}
 
+{{#if (eq schemaPreset "basic")}}
 function isBootstrapQueryError(error: unknown): error is { code?: string } {
   return (
     typeof error === "object" &&
@@ -28,59 +30,57 @@ const listUsers = createServerFn({ method: "GET" }).handler(async () => {
     throw error;
   }
 });
+{{/if}}
 
 export const Route = createFileRoute("/")({
+{{#if (eq schemaPreset "basic")}}
   loader: async () => listUsers(),
+{{/if}}
   component: Home,
 });
 
 function Home() {
+{{#if (eq schemaPreset "basic")}}
   const formatter = new Intl.DateTimeFormat("en", {
     dateStyle: "medium",
+    timeStyle: "short",
     timeZone: "UTC",
   });
   const users = Route.useLoaderData();
+{{/if}}
 
   return (
     <main className="shell">
-      <header className="intro">
-        <div className="product">
-          <span className="product-mark" aria-hidden="true">P</span>
-          <span className="product-name">{{projectName}}</span>
-          <span className="framework">TanStack Start</span>
-        </div>
-        <h1>Start building with Prisma.</h1>
+      <div className="hero">
+        <p className="eyebrow">TanStack Start + Prisma 7</p>
+{{#if (eq schemaPreset "basic")}}
+        <h1>Users from your database, loaded through a server function.</h1>
         <p className="lede">
-          Your app is connected and ready to query. The latest users from your database are shown
-          below.
+          This route uses TanStack Start&apos;s server function API and the Prisma client in{" "}
+          <code>src/lib/prisma.server.ts</code>.
         </p>
-      </header>
+      </div>
 
-      <section className="user-panel" aria-labelledby="users-heading">
-        <div className="panel-header">
-          <div className="panel-title">
-            <h2 id="users-heading">Users</h2>
-            <p>Latest records</p>
-          </div>
-          <span className="count">{users?.length ?? 0}</span>
+      <section className="panel">
+        <div className="panelHeader">
+          <h2>Seeded users</h2>
+          <span>{users?.length ?? 0} total</span>
         </div>
 
         {!users ? (
-          <p className="empty-state">
-            The database is not ready yet. Check the setup steps in <code>README.md</code>.
+          <p className="empty">
+            Could not query users yet. Run <code>db:migrate</code>, then <code>db:seed</code>,
+            then refresh.
           </p>
         ) : users.length === 0 ? (
-          <p className="empty-state">No users yet. Run <code>db:seed</code>, then refresh.</p>
+          <p className="empty">No users yet. Run <code>db:seed</code> after your first migration.</p>
         ) : (
-          <ul className="user-list">
+          <ul className="users">
             {users.map((user) => (
-              <li className="user-row" key={user.id}>
-                <span className="avatar" aria-hidden="true">
-                  {(user.name ?? user.email).charAt(0).toUpperCase()}
-                </span>
-                <div className="user-copy">
-                  <p className="user-name">{user.name ?? "Unnamed user"}</p>
-                  <p className="user-email">{user.email}</p>
+              <li key={user.id}>
+                <div>
+                  <strong>{user.name ?? "Unnamed user"}</strong>
+                  <p>{user.email}</p>
                 </div>
                 <time dateTime={user.createdAt.toISOString()}>
                   {formatter.format(user.createdAt)}
@@ -90,13 +90,54 @@ function Home() {
           </ul>
         )}
       </section>
+{{else}}
+        <h1>Your TanStack Start app is ready.</h1>
+        <p className="lede">
+          Edit <code>prisma/schema.prisma</code>, run <code>db:migrate</code>, then query your
+          database from server functions or route loaders.
+        </p>
+      </div>
+
+      <section className="panel">
+        <div className="panelHeader">
+          <h2>What&apos;s included</h2>
+          <span>Starter kit</span>
+        </div>
 
-      <footer className="footer">
-        <p>Start with <code>prisma/schema.prisma</code></p>
-        <a className="docs-link" href="https://pris.ly/d/prisma-schema" target="_blank" rel="noreferrer">
-          Prisma docs <span aria-hidden="true">↗</span>
-        </a>
-      </footer>
+        <ul className="users">
+          <li>
+            <div>
+              <strong>File-based routing</strong>
+              <p>Add new routes in <code>src/routes</code>.</p>
+            </div>
+          </li>
+          <li>
+            <div>
+              <strong>Prisma client</strong>
+              <p>Use the shared instance from <code>src/lib/prisma.server.ts</code>.</p>
+            </div>
+          </li>
+          <li>
+            <div>
+              <strong>Seed script</strong>
+              <p>Run <code>db:seed</code> after your first migration.</p>
+            </div>
+          </li>
+        </ul>
+      </section>
+{{/if}}
+
+      <section className="panel">
+        <div className="panelHeader">
+          <h2>Next steps</h2>
+        </div>
+
+        <ul className="steps">
+          <li>Run <code>db:generate</code> after schema changes.</li>
+          <li>Use TanStack Start server functions for server-only logic.</li>
+          <li>Preview production output with <code>preview</code>.</li>
+        </ul>
+      </section>
     </main>
   );
 }

package/templates/create/tanstack-start/src/styles.css

@@ -0,0 +1,146 @@
+:root {
+  color-scheme: light;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+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 + .panel {
+  margin-top: 1rem;
+}
+
+.panelHeader {
+  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;
+}
+
+.panelHeader span,
+.empty,
+time {
+  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;
+}
+
+time {
+  font-size: 0.75rem;
+  white-space: nowrap;
+}
+
+code {
+  padding: 0.125rem 0.25rem;
+  border-radius: 0.25rem;
+  background: #f5f5f5;
+  font-family: SFMono-Regular, Consolas, monospace;
+  font-size: 0.875em;
+}
+
+.steps {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: grid;
+  gap: 0.25rem;
+}
+
+.steps li {
+  color: #444;
+  font-size: 0.8rem;
+  line-height: 1.5;
+  padding: 0.375rem 0;
+  border-bottom: 1px solid #f5f5f5;
+}
+
+.steps li:last-child {
+  border-bottom: none;
+}
+
+@media (max-width: 640px) {
+  .users li,
+  .panelHeader {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+}

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

@@ -15,7 +15,7 @@
       "@/*": ["./src/*"]
     },
     "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "types": ["vite/client", "node"]
+    "types": ["vite/client"]
   },
   "include": ["src/**/*.ts", "src/**/*.tsx", "prisma/**/*.ts", "vite.config.ts"]
 }

package/templates/create/turborepo/README.md.hbs

@@ -16,7 +16,9 @@ Generated by `create-prisma` with the Turborepo template.
 - `{{runScriptCommand packageManager "db:generate"}}` - generate Prisma Client in `packages/db`
 - `{{runScriptCommand packageManager "db:migrate"}}` - create/apply migrations in `packages/db`
 - `{{runScriptCommand packageManager "db:seed"}}` - run seed script in `packages/db`
-- `{{runScriptCommand packageManager "deploy"}}` - build and deploy with Prisma Composer
+{{#if compute}}
+- `{{runScriptCommand packageManager "compute:deploy"}}` - redeploy to Prisma Compute with environment variables from `packages/db/.env`
+{{/if}}
 
 ## Prisma
 
@@ -26,15 +28,15 @@ Prisma is scaffolded inside `packages/db`:
 - `packages/db/prisma/seed.ts`
 - `packages/db/src/client.ts`
 - `packages/db/prisma.config.ts`
-- `module.ts`
-- `apps/api/src/service.ts`
-- `prisma-composer.config.ts`
+- `prisma.compute.ts`
 - `packages/db/src/generated/prisma`
 
 `apps/api/src/index.ts` imports the shared Prisma client from `@repo/db`.
+{{#if compute}}
 
-## Prisma Composer
+## Prisma Compute
 
-The application topology is declared in `module.ts` and `apps/api/src/service.ts`, with deploy configuration in `prisma-composer.config.ts`. {{#if composerPostgres}}Composer provisions Prisma Postgres and injects its connection into the API.{{else}}The database URL is bound as a secret service input from `packages/db/.env`.{{/if}}
+This project includes a Prisma Compute deploy script and deploy defaults in `prisma.compute.ts`. Deploys load environment variables from `packages/db/.env`; if setup created a Prisma Postgres database, its `DATABASE_URL` is already written there.
 
-If needed, sign in with `{{prismaAuthLoginCommand packageManager}}`. Run `{{runScriptCommand packageManager "deploy"}}` to deploy later changes.
+After local changes, run `{{runScriptCommand packageManager "compute:deploy"}}` to redeploy.
+{{/if}}

package/templates/create/turborepo/apps/api/package.json.hbs

@@ -3,10 +3,17 @@
   "private": true,
   "type": "module",
   "scripts": {
+    {{#if (eq packageManager "deno")}}
+    "dev": "deno run -A --env-file=../../packages/db/.env --watch src/index.ts",
+    "build": "deno check src/index.ts",
+    "start": "deno run -A --env-file=../../packages/db/.env src/index.ts",
+    "typecheck": "deno check src/index.ts"
+    {{else}}
     "dev": "tsx watch src/index.ts",
-    "build": "esbuild src/index.ts --bundle --platform=node --format=esm --banner:js=\"import { createRequire as __composerCreateRequire } from 'node:module'; const require = __composerCreateRequire(import.meta.url);\" --outfile=dist/server.mjs",
-    "start": "node dist/server.mjs",
+    "build": "tsc",
+    "start": "node dist/src/index.js",
     "typecheck": "tsc --noEmit"
+    {{/if}}
   },
   "dependencies": {
     "@hono/node-server": "^2.0.6",

package/templates/create/turborepo/apps/api/src/index.ts.hbs

@@ -3,32 +3,23 @@ import "dotenv/config";
 {{/if}}
 import { serve } from "@hono/node-server";
 import { Hono } from "hono";
-
-import service from "./service";
-
-let composerDatabaseUrl: string | undefined;
-try {
-  composerDatabaseUrl = {{#if composerPostgres}}service.load().database.url{{else}}service.input().databaseUrl.expose(){{/if}};
-} catch {
-  composerDatabaseUrl = undefined;
-}
-if (composerDatabaseUrl) {
-  process.env.DATABASE_URL = composerDatabaseUrl;
-}
-const { prisma } = await import("@repo/db");
+{{#if (eq schemaPreset "basic")}}
+{{#if (eq packageManager "deno")}}
+import { prisma } from "../../../packages/db/src/index.ts";
+{{else}}
+import { prisma } from "@repo/db";
+{{/if}}
+{{/if}}
 
 const app = new Hono();
 
 app.get("/", (c) => {
   return c.json({
-    name: "{{projectName}}",
-    framework: "Turborepo + Hono",
-    status: "ready",
-    endpoints: {
-      users: "/users",
-    },
+    ok: true,
+    message: "Turborepo API is running.",
   });
 });
+{{#if (eq schemaPreset "basic")}}
 
 app.get("/users", async (c) => {
   const users = await prisma.user
@@ -54,18 +45,11 @@ app.get("/users", async (c) => {
 
   return c.json(users);
 });
+{{/if}}
 
 const rawPort = (process.env.PORT ?? "").trim();
 const parsedPort = rawPort.length > 0 ? Number(rawPort) : Number.NaN;
-
-let composerPort: number | undefined;
-try {
-  composerPort = service.port();
-} catch {
-  composerPort = undefined;
-}
-
 const port =
-  (Number.isFinite(parsedPort) && parsedPort >= 0 && parsedPort <= 65535 ? parsedPort : undefined) ?? composerPort ?? 3000;
+  Number.isFinite(parsedPort) && parsedPort >= 0 && parsedPort <= 65535 ? parsedPort : 3000;
 console.log(`API listening at http://localhost:${port}`);
 serve({ fetch: app.fetch, port });

package/templates/create/turborepo/apps/api/tsconfig.json

@@ -7,7 +7,6 @@
     "strict": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
-    "types": ["node"],
     "forceConsistentCasingInFileNames": true,
     "outDir": "dist",
     "rootDir": "."

package/templates/create/turborepo/deno.json.hbs

@@ -0,0 +1,5 @@
+{{#if (eq packageManager "deno")}}
+{
+  "nodeModulesDir": "auto"
+}
+{{/if}}

package/templates/create/turborepo/package.json.hbs

@@ -10,9 +10,15 @@
     "packages/*"
   ],
   "scripts": {
+    {{#if (eq packageManager "deno")}}
+    "build": "deno task --filter=@repo/db build && deno task --filter=@repo/api build",
+    "dev": "deno task --filter=@repo/api dev",
+    "typecheck": "deno task --filter=@repo/db typecheck && deno task --filter=@repo/api typecheck",
+    {{else}}
     "build": "turbo run build",
     "dev": "turbo run dev --filter=@repo/api",
     "typecheck": "turbo run typecheck",
+    {{/if}}
     "db:generate": "{{runScriptInDirectoryCommand packageManager "packages/db" "db:generate"}}",
     "db:push": "{{runScriptInDirectoryCommand packageManager "packages/db" "db:push"}}",
     "db:migrate": "{{runScriptInDirectoryCommand packageManager "packages/db" "db:migrate"}}",

package/templates/create/turborepo/packages/db/package.json.hbs

@@ -6,12 +6,13 @@
     ".": "./src/index.ts"
   },
   "scripts": {
+    {{#if (eq packageManager "deno")}}
+    "build": "deno check src/index.ts",
+    "typecheck": "deno check src/index.ts"
+    {{else}}
     "build": "tsc",
-    "db:generate": "{{prismaCommand packageManager "generate"}}",
-    "db:push": "{{prismaCommand packageManager "db push"}}",
-    "db:migrate": "{{prismaCommand packageManager "migrate dev"}}",
-    "db:seed": "{{prismaCommand packageManager "db seed"}}",
     "typecheck": "tsc --noEmit"
+    {{/if}}
   },
   "devDependencies": {
     "@types/node": "^26.0.0",

package/templates/create/turborepo/packages/db/prisma/schema.prisma.hbs

@@ -1,11 +1,15 @@
 generator client {
   provider = "prisma-client"
   output   = "../src/generated/prisma"
+{{#if (eq packageManager "deno")}}
+  runtime  = "deno"
+{{/if}}
 }
 
 datasource db {
   provider = "{{provider}}"
 }
+{{#if (eq schemaPreset "basic")}}
 
 model User {
   id        String   @id @default(cuid())
@@ -14,3 +18,4 @@ model User {
   createdAt DateTime @default(now())
   updatedAt DateTime @updatedAt
 }
+{{/if}}

package/templates/create/turborepo/packages/db/prisma/seed.ts.hbs

@@ -1,6 +1,7 @@
-import prisma from "../src/client";
+import prisma from "../src/client{{#if (eq packageManager "deno")}}.ts{{/if}}";
 
 async function main() {
+{{#if (eq schemaPreset "basic")}}
   const users = await Promise.all([
     prisma.user.upsert({
       where: { email: "alice@prisma.io" },
@@ -21,6 +22,9 @@ async function main() {
   ]);
 
   console.log(`Seeded ${users.length} users.`);
+{{else}}
+  console.log("No seed data defined for the empty schema preset.");
+{{/if}}
 }
 
 main()

package/templates/create/turborepo/packages/db/src/client.ts.hbs

@@ -1,8 +1,9 @@
+{{#unless (eq packageManager "deno")}}
 import path from "node:path";
 import { fileURLToPath } from "node:url";
 import dotenv from "dotenv";
-
-import { PrismaClient } from "./generated/prisma/client";
+{{/unless}}
+import { PrismaClient } from "./generated/prisma/client{{#if (eq packageManager "deno")}}.ts{{/if}}";
 {{#if (eq provider "postgresql")}}
 import { PrismaPg } from "@prisma/adapter-pg";
 {{/if}}
@@ -19,8 +20,10 @@ import { {{sqliteAdapterClass packageManager}} } from "{{sqliteAdapterPackage pa
 import { PrismaMssql } from "@prisma/adapter-mssql";
 {{/if}}
 
+{{#unless (eq packageManager "deno")}}
 const moduleDir = path.dirname(fileURLToPath(import.meta.url));
 dotenv.config({ path: path.resolve(moduleDir, "../.env"), quiet: true });
+{{/unless}}
 
 const rawDatabaseUrl = process.env.DATABASE_URL;
 {{#if (eq provider "sqlite")}}

package/templates/create/turborepo/packages/db/tsconfig.json

@@ -7,7 +7,6 @@
     "strict": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
-    "types": ["node"],
     "forceConsistentCasingInFileNames": true,
     "outDir": "dist",
     "rootDir": "."