create-prisma 0.7.1-pr.52.181.1 → 0.7.2

package/templates/create/next/src/app/globals.css

@@ -0,0 +1,122 @@
+: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;
+}
+
+.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;
+}
+
+@media (max-width: 640px) {
+  .users li,
+  .panelHeader {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+}

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

@@ -2,8 +2,8 @@ import type { Metadata } from "next";
 import "./globals.css";
 
 export const metadata: Metadata = {
-  title: "{{projectName}} · Prisma",
-  description: "A minimal Prisma starter generated by create-prisma.",
+  title: "{{projectName}}",
+  description: "Generated by create-prisma",
 };
 
 export default function RootLayout({

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

@@ -1,9 +1,11 @@
 export const dynamic = "force-dynamic";
 
 export default async function Home() {
+{{#if (eq schemaPreset "basic")}}
   const { prisma } = await import("../lib/prisma");
   const formatter = new Intl.DateTimeFormat("en", {
     dateStyle: "medium",
+    timeStyle: "short",
   });
   const users = await prisma.user
     .findMany({
@@ -13,47 +15,40 @@ export default async function Home() {
       },
     })
     .catch(() => undefined);
+{{/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">Next.js</span>
-        </div>
-        <h1>Start building with Prisma.</h1>
+      <div className="hero">
+        <p className="eyebrow">Next.js + Prisma 7</p>
+{{#if (eq schemaPreset "basic")}}
+        <h1>Users from your database, loaded on the server.</h1>
         <p className="lede">
-          Your app is connected and ready to query. The latest users from your database are shown
-          below.
+          This page reads from <code>src/app/page.tsx</code> using the Prisma instance in{" "}
+          <code>src/lib/prisma.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)}
@@ -63,13 +58,42 @@ export default async function Home() {
           </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>
 
-      <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>
+      <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/src/lib/prisma.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/nuxt/README.md.hbs

@@ -8,7 +8,9 @@ Generated by `create-prisma` with the Nuxt template.
 - `{{runScriptCommand packageManager "build"}}` - build for production
 - `{{runScriptCommand packageManager "preview"}}` - preview the production build
 - `{{runScriptCommand packageManager "typecheck"}}` - run Nuxt type checks
-- `{{runScriptCommand packageManager "deploy"}}` - build and deploy with Prisma Composer
+{{#if compute}}
+- `{{runScriptCommand packageManager "compute:deploy"}}` - redeploy to Prisma Compute with environment variables from `.env`
+{{/if}}
 
 ## Prisma
 
@@ -19,9 +21,7 @@ Prisma setup is scaffolded automatically in:
 - `server/utils/prisma.ts`
 - `server/api/users.get.ts`
 - `prisma.config.ts`
-- `module.ts`
-- `service.ts`
-- `prisma-composer.config.ts`
+- `prisma.compute.ts`
 - `server/generated/prisma`
 
 Database helper scripts are added to `package.json`:
@@ -30,11 +30,15 @@ Database helper scripts are added to `package.json`:
 - `db:push`
 - `db:migrate`
 - `db:seed`
+{{#if (eq schemaPreset "basic")}}
 
 The starter page in `app/pages/index.vue` fetches seeded users from `server/api/users.get.ts`, and `prisma/seed.ts` inserts starter users.
+{{/if}}
+{{#if compute}}
 
-## Prisma Composer
+## Prisma Compute
 
-The application topology is declared in `module.ts` and `service.ts`, with deploy configuration in `prisma-composer.config.ts`. {{#if composerPostgres}}Composer provisions Prisma Postgres and injects its connection into the service.{{else}}The database URL is bound as a secret service input from `.env`.{{/if}}
+This project includes a Prisma Compute deploy script and deploy defaults in `prisma.compute.ts`. Deploys load environment variables from `.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/nuxt/app/pages/index.vue.hbs

@@ -1,14 +1,9 @@
 <script setup lang="ts">
 useHead({
-  title: "{{projectName}} · Prisma",
-  meta: [
-    {
-      name: "description",
-      content: "A minimal Prisma starter generated by create-prisma.",
-    },
-  ],
+  title: "create-prisma + nuxt",
 });
 
+{{#if (eq schemaPreset "basic")}}
 type User = {
   id: string;
   email: string;
@@ -23,6 +18,7 @@ type UsersPayload = {
 
 const formatter = new Intl.DateTimeFormat("en", {
   dateStyle: "medium",
+  timeStyle: "short",
 });
 
 const { data } = await useFetch<UsersPayload>("/api/users");
@@ -30,59 +26,195 @@ const { data } = await useFetch<UsersPayload>("/api/users");
 function formatCreatedAt(value: string): string {
   return formatter.format(new Date(value));
 }
-
-function getInitial(user: User): string {
-  return (user.name ?? user.email).charAt(0).toUpperCase();
-}
+{{/if}}
 </script>
 
 <template>
   <main class="shell">
-    <header class="intro">
-      <div class="product">
-        <span class="product-mark" aria-hidden="true">P</span>
-        <span class="product-name">{{projectName}}</span>
-        <span class="framework">Nuxt</span>
-      </div>
-      <h1>Start building with Prisma.</h1>
+    <div class="hero">
+      <p class="eyebrow">Nuxt + Prisma 7</p>
+{{#if (eq schemaPreset "basic")}}
+      <h1>Users from your database, loaded through Nitro.</h1>
       <p class="lede">
-        Your app is connected and ready to query. The latest users from your database are shown
-        below.
+        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>.
       </p>
-    </header>
+    </div>
 
-    <section class="user-panel" aria-labelledby="users-heading">
+    <section class="panel">
       <div class="panel-header">
-        <div class="panel-title">
-          <h2 id="users-heading">Users</h2>
-          <p>Latest records</p>
-        </div>
-        <span class="count">\{{ data?.users?.length ?? 0 }}</span>
+        <h2>Seeded users</h2>
+        <span>\{{ data?.users?.length ?? 0 }} total</span>
       </div>
 
-      <p v-if="data?.error" class="empty-state">
-        The database is not ready yet. Check the setup steps in <code>README.md</code>.
+      <p v-if="data?.error" class="empty">
+        \{{ data.error }} Run <code>db:migrate</code>, then <code>db:seed</code>, then refresh.
       </p>
-      <p v-else-if="!data?.users?.length" class="empty-state">
-        No users yet. Run <code>db:seed</code>, then refresh.
+      <p v-else-if="!data?.users?.length" class="empty">
+        No users yet. Run <code>db:seed</code> after your first migration.
       </p>
-      <ul v-else class="user-list">
-        <li v-for="user in data.users" :key="user.id" class="user-row">
-          <span class="avatar" aria-hidden="true">\{{ getInitial(user) }}</span>
-          <div class="user-copy">
-            <p class="user-name">\{{ user.name ?? "Unnamed user" }}</p>
-            <p class="user-email">\{{ user.email }}</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>
           </div>
           <time :datetime="user.createdAt">\{{ formatCreatedAt(user.createdAt) }}</time>
         </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>
 
-    <footer class="footer">
-      <p>Start with <code>prisma/schema.prisma</code></p>
-      <a class="docs-link" href="https://pris.ly/d/prisma-schema" target="_blank" rel="noreferrer">
-        Prisma docs <span aria-hidden="true">↗</span>
-      </a>
-    </footer>
+    <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>
+
+<style>
+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,
+.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;
+}
+
+@media (max-width: 640px) {
+  .users li,
+  .panel-header {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+}
+</style>

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

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

package/templates/create/nuxt/nuxt.config.ts

@@ -1,7 +1,6 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   compatibilityDate: "2025-07-15",
-  css: ["~/assets/css/main.css"],
   devtools: { enabled: true },
   typescript: {
     tsConfig: {

package/templates/create/nuxt/prisma/schema.prisma.hbs

@@ -1,11 +1,15 @@
 generator client {
   provider = "prisma-client"
   output   = "../server/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/nuxt/prisma/seed.ts.hbs

@@ -1,6 +1,7 @@
-import prisma from "../server/utils/prisma";
+import prisma from "../server/utils/prisma{{#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/nuxt/prisma.compute.ts.hbs

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

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

@@ -1,3 +1,4 @@
+{{#if (eq schemaPreset "basic")}}
 import prisma from "../utils/prisma";
 
 export default defineEventHandler(async () => {
@@ -28,3 +29,8 @@ export default defineEventHandler(async () => {
 
   return { users };
 });
+{{else}}
+export default defineEventHandler(async () => {
+  return { users: [] };
+});
+{{/if}}