create-prisma 0.1.3 → 0.2.0

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

@@ -0,0 +1,136 @@
+:root {
+  color-scheme: light;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html {
+  font-size: 16px;
+}
+
+body {
+  margin: 0;
+  font-family:
+    "Instrument Sans",
+    "Segoe UI",
+    sans-serif;
+  background: #f7f8fb;
+  color: #0f172a;
+}
+
+.shell {
+  width: min(64rem, 100%);
+  margin: 0 auto;
+  padding: 4rem 1.5rem 5rem;
+}
+
+.hero {
+  margin-bottom: 2rem;
+}
+
+.eyebrow {
+  margin: 0 0 0.75rem;
+  color: #10b981;
+  font-size: 0.875rem;
+  font-weight: 700;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+}
+
+h1 {
+  margin: 0;
+  max-width: 12ch;
+  font-size: clamp(2.75rem, 7vw, 5rem);
+  line-height: 0.95;
+}
+
+.lede {
+  max-width: 42rem;
+  font-size: 1.05rem;
+  line-height: 1.7;
+  color: #475569;
+}
+
+.panel {
+  padding: 1.5rem;
+  border: 1px solid #dbe2ea;
+  border-radius: 1.5rem;
+  background: #ffffff;
+  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
+}
+
+.panelHeader {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  margin-bottom: 1rem;
+}
+
+h2 {
+  margin: 0;
+  font-size: 1.125rem;
+}
+
+.panelHeader span,
+.empty,
+time {
+  color: #64748b;
+}
+
+.panel p {
+  color: #64748b;
+}
+
+.users {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: grid;
+  gap: 0.75rem;
+}
+
+.users li {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  padding: 1rem 1.125rem;
+  border-radius: 1rem;
+  background: #f8fafc;
+  border: 1px solid #dbe2ea;
+}
+
+.users p {
+  margin: 0.2rem 0 0;
+}
+
+time {
+  font-size: 0.875rem;
+  white-space: nowrap;
+}
+
+code {
+  padding: 0.15rem 0.4rem;
+  border-radius: 0.35rem;
+  background: #eef2f7;
+  font-family:
+    SFMono-Regular,
+    Consolas,
+    monospace;
+  font-size: 0.95em;
+}
+
+@media (max-width: 640px) {
+  .shell {
+    padding-top: 3rem;
+  }
+
+  .users li,
+  .panelHeader {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+}

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

@@ -0,0 +1,104 @@
+{{#if (eq schemaPreset "basic")}}
+import { prisma } from "../lib/prisma";
+{{/if}}
+{{#if (eq packageManager "deno")}}
+
+export const dynamic = "force-dynamic";
+{{/if}}
+
+export default async function Home() {
+{{#if (eq schemaPreset "basic")}}
+  const formatter = new Intl.DateTimeFormat("en", {
+    dateStyle: "medium",
+    timeStyle: "short",
+  });
+  const users = await prisma.user
+    .findMany({
+      take: 10,
+      orderBy: {
+        createdAt: "desc",
+      },
+    })
+    .catch(() => undefined);
+{{/if}}
+
+  return (
+    <main className="shell">
+      <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">
+          This page reads from <code>src/app/page.tsx</code> using the Prisma instance in{" "}
+          <code>src/lib/prisma.ts</code>.
+        </p>
+      </div>
+
+      <section className="panel">
+        <div className="panelHeader">
+          <h2>Seeded users</h2>
+          <span>{users?.length ?? 0} total</span>
+        </div>
+
+        {!users ? (
+          <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">No users yet. Run <code>db:seed</code> after your first migration.</p>
+        ) : (
+          <ul className="users">
+            {users.map((user) => (
+              <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)}
+                </time>
+              </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/src/lib/prisma.ts.hbs

@@ -0,0 +1,53 @@
+import "dotenv/config";
+import { PrismaClient } from "../generated/prisma/client";
+{{#if (eq provider "postgresql")}}
+import { PrismaPg } from "@prisma/adapter-pg";
+{{/if}}
+{{#if (eq provider "cockroachdb")}}
+import { PrismaPg } from "@prisma/adapter-pg";
+{{/if}}
+{{#if (eq provider "mysql")}}
+import { PrismaMariaDb } from "@prisma/adapter-mariadb";
+{{/if}}
+{{#if (eq provider "sqlite")}}
+import { PrismaBetterSqlite3 } from "@prisma/adapter-better-sqlite3";
+{{/if}}
+{{#if (eq provider "sqlserver")}}
+import { PrismaMssql } from "@prisma/adapter-mssql";
+{{/if}}
+
+{{#if (eq provider "sqlite")}}
+const databaseUrl = process.env.DATABASE_URL ?? "file:./dev.db";
+{{else}}
+const databaseUrl = process.env.DATABASE_URL;
+if (!databaseUrl) {
+  throw new Error("DATABASE_URL is required");
+}
+{{/if}}
+
+{{#if (eq provider "postgresql")}}
+const adapter = new PrismaPg({
+  connectionString: databaseUrl,
+});
+{{/if}}
+{{#if (eq provider "cockroachdb")}}
+const adapter = new PrismaPg({
+  connectionString: databaseUrl,
+});
+{{/if}}
+{{#if (eq provider "mysql")}}
+const adapter = new PrismaMariaDb(databaseUrl);
+{{/if}}
+{{#if (eq provider "sqlite")}}
+const adapter = new PrismaBetterSqlite3({
+  url: databaseUrl,
+});
+{{/if}}
+{{#if (eq provider "sqlserver")}}
+const adapter = new PrismaMssql(databaseUrl);
+{{/if}}
+
+const prisma = new PrismaClient({ adapter });
+
+export { prisma };
+export default prisma;

package/templates/create/nuxt/.yarnrc.yml.hbs

@@ -0,0 +1,3 @@
+{{#if (eq packageManager "yarn")}}
+nodeLinker: node-modules
+{{/if}}

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

@@ -0,0 +1,32 @@
+# {{projectName}}
+
+Generated by `create-prisma` with the Nuxt template.
+
+## Scripts
+
+- `{{runScriptCommand packageManager "dev"}}` - start the Nuxt dev server
+- `{{runScriptCommand packageManager "build"}}` - build for production
+- `{{runScriptCommand packageManager "preview"}}` - preview the production build
+- `{{runScriptCommand packageManager "typecheck"}}` - run Nuxt type checks
+
+## Prisma
+
+Prisma setup is scaffolded automatically in:
+
+- `prisma/schema.prisma`
+- `prisma/seed.ts`
+- `server/utils/prisma.ts`
+- `server/api/users.get.ts`
+- `prisma.config.ts`
+- `server/generated/prisma`
+
+Database helper scripts are added to `package.json`:
+
+- `db:generate`
+- `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}}

package/templates/create/nuxt/app/app.vue

@@ -0,0 +1,4 @@
+<template>
+  <NuxtRouteAnnouncer />
+  <NuxtPage />
+</template>

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

@@ -0,0 +1,230 @@
+<script setup lang="ts">
+useHead({
+  title: "create-prisma + nuxt",
+});
+
+{{#if (eq schemaPreset "basic")}}
+type User = {
+  id: string;
+  email: string;
+  name: string | null;
+  createdAt: string;
+};
+
+type UsersPayload = {
+  users: User[];
+  error?: string;
+};
+
+const formatter = new Intl.DateTimeFormat("en", {
+  dateStyle: "medium",
+  timeStyle: "short",
+});
+
+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")}}
+      <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>.
+      </p>
+    </div>
+
+    <section class="panel">
+      <div class="panel-header">
+        <h2>Seeded users</h2>
+        <span>\{{ data?.users?.length ?? 0 }} total</span>
+      </div>
+
+      <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">
+        No users yet. Run <code>db:seed</code> after your first migration.
+      </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>
+
+    <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:
+    "Instrument Sans",
+    "Segoe UI",
+    sans-serif;
+  background: #f7f8fb;
+  color: #0f172a;
+}
+
+.shell {
+  width: min(64rem, 100%);
+  margin: 0 auto;
+  padding: 4rem 1.5rem 5rem;
+}
+
+.hero {
+  margin-bottom: 2rem;
+}
+
+.eyebrow {
+  margin: 0 0 0.75rem;
+  color: #10b981;
+  font-size: 0.875rem;
+  font-weight: 700;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+}
+
+h1 {
+  margin: 0;
+  max-width: 12ch;
+  font-size: clamp(2.75rem, 7vw, 5rem);
+  line-height: 0.95;
+}
+
+.lede {
+  max-width: 42rem;
+  font-size: 1.05rem;
+  line-height: 1.7;
+  color: #475569;
+}
+
+.panel {
+  padding: 1.5rem;
+  border: 1px solid #dbe2ea;
+  border-radius: 1.5rem;
+  background: #ffffff;
+  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
+}
+
+.panel-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  margin-bottom: 1rem;
+}
+
+h2 {
+  margin: 0;
+  font-size: 1.125rem;
+}
+
+.panel-header span,
+.empty,
+time {
+  color: #64748b;
+}
+
+.panel p {
+  color: #64748b;
+}
+
+.users {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: grid;
+  gap: 0.75rem;
+}
+
+.users li {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  padding: 1rem 1.125rem;
+  border-radius: 1rem;
+  background: #f8fafc;
+  border: 1px solid #dbe2ea;
+}
+
+.users p {
+  margin: 0.2rem 0 0;
+}
+
+time {
+  font-size: 0.875rem;
+  white-space: nowrap;
+}
+
+code {
+  padding: 0.15rem 0.4rem;
+  border-radius: 0.35rem;
+  background: #eef2f7;
+  font-family:
+    SFMono-Regular,
+    Consolas,
+    monospace;
+  font-size: 0.95em;
+}
+
+@media (max-width: 640px) {
+  .shell {
+    padding-top: 3rem;
+  }
+
+  .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

@@ -0,0 +1,5 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  compatibilityDate: "2025-07-15",
+  devtools: { enabled: true },
+});

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

@@ -0,0 +1,27 @@
+{
+  "name": "{{projectName}}",
+  "type": "module",
+  "private": true,
+  "version": "0.0.1",
+  {{#if (packageManagerManifestValue packageManager)}}
+  "packageManager": "{{packageManagerManifestValue packageManager}}",
+  {{/if}}
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare",
+    "typecheck": "nuxt typecheck"
+  },
+  "dependencies": {
+    "nuxt": "^4.3.1",
+    "vue": "^3.5.29",
+    "vue-router": "^4.6.4"
+  },
+  "devDependencies": {
+    "@types/node": "^24.3.0",
+    "tsx": "^4.7.1",
+    "typescript": "^5.9.3"
+  }
+}

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

@@ -0,0 +1,21 @@
+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())
+  email     String   @unique
+  name      String?
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+}
+{{/if}}

package/templates/create/nuxt/prisma/seed.ts.hbs

@@ -0,0 +1,38 @@
+import prisma from "../server/utils/prisma";
+
+async function main() {
+{{#if (eq schemaPreset "basic")}}
+  const users = await Promise.all([
+    prisma.user.upsert({
+      where: { email: "alice@prisma.io" },
+      update: { name: "Alice" },
+      create: {
+        email: "alice@prisma.io",
+        name: "Alice",
+      },
+    }),
+    prisma.user.upsert({
+      where: { email: "bob@prisma.io" },
+      update: { name: "Bob" },
+      create: {
+        email: "bob@prisma.io",
+        name: "Bob",
+      },
+    }),
+  ]);
+
+  console.log(`Seeded ${users.length} users.`);
+{{else}}
+  console.log("No seed data defined for the empty schema preset.");
+{{/if}}
+}
+
+main()
+  .then(async () => {
+    await prisma.$disconnect();
+  })
+  .catch(async (error) => {
+    console.error(error);
+    await prisma.$disconnect();
+    process.exit(1);
+  });

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

@@ -0,0 +1,13 @@
+import "dotenv/config";
+import { defineConfig, env } from "prisma/config";
+
+export default defineConfig({
+  schema: "prisma/schema.prisma",
+  migrations: {
+    path: "prisma/migrations",
+    seed: "tsx prisma/seed.ts",
+  },
+  datasource: {
+    url: env("DATABASE_URL"),
+  },
+});

package/templates/create/nuxt/public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /