create-lx2-app 0.7.2 → 0.9.0

package/template/packages/src/app/page/with-better-auth-drizzle.tsx

@@ -0,0 +1,234 @@
+import { fileURLToPath } from "url"
+import { eq } from "drizzle-orm"
+import { revalidatePath } from "next/cache"
+import { headers } from "next/headers"
+import { redirect } from "next/navigation"
+
+import { auth } from "@/server/auth"
+import { db } from "@/server/db"
+import { post as postTable } from "@/server/db/schema"
+
+export default async function HomePage() {
+  const session = await auth.api.getSession({
+    headers: await headers(),
+  })
+  const user = session?.user
+
+  const posts = await db.query.post.findMany()
+
+  const fileURL = `vscode://file/${fileURLToPath(import.meta.url)}`
+
+  return (
+    <main className="mx-auto flex h-screen max-w-5xl flex-col items-center justify-between overflow-hidden p-6 sm:p-[45px]">
+      <header className="ml-auto">
+        {user ? (
+          <button
+            onClick={async () => {
+              "use server"
+              await auth.api.signOut({
+                headers: await headers(),
+              })
+            }}
+            className="cursor-pointer rounded-md bg-rose-400 px-4 py-2"
+          >
+            Sign Out
+          </button>
+        ) : (
+          <button
+            onClick={async () => {
+              "use server"
+              const response = await auth.api.signInSocial({
+                body: {
+                  provider: "discord",
+                },
+              })
+              if (!response) {
+                throw new Error("Failed to sign in")
+              }
+              if (response.url) {
+                redirect(response.url)
+              }
+            }}
+            className="cursor-pointer rounded-md bg-purple-400 px-4 py-2"
+          >
+            Sign In
+          </button>
+        )}
+      </header>
+
+      <div className="flex grow flex-col items-center justify-center">
+        {/* Logo */}
+        <picture className="relative">
+          <div className="absolute inset-0 animate-pulse rounded-xl bg-gradient-to-r from-purple-500 to-cyan-500 opacity-20 blur-xl dark:from-purple-800 dark:to-cyan-800" />
+          <source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/v1/public/logo.light.png?raw=true" />
+          <img
+            src="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/v1/public/logo.light.png?raw=true"
+            alt="Logo"
+            width={65}
+            height={65}
+            className="block h-auto max-w-full"
+          />
+        </picture>
+
+        {user ? (
+          <h1 className="mt-6 bg-gradient-to-r from-purple-500 to-cyan-500 bg-clip-text text-center text-4xl leading-10 text-transparent sm:text-5xl sm:leading-14 md:text-6xl md:leading-20 lg:mt-10 lg:text-7xl lg:font-bold">
+            Welcome, <span className="capitalize">{user.name}</span>!
+          </h1>
+        ) : (
+          <>
+            <h1 className="mt-6 bg-gradient-to-r from-purple-500 to-cyan-500 bg-clip-text text-center text-4xl leading-10 text-transparent sm:text-5xl sm:leading-14 md:text-6xl md:leading-20 lg:mt-10 lg:text-7xl lg:font-bold">
+              Lx2 Next.js App
+            </h1>
+            <p className="mt-4 text-center text-lg text-neutral-700 md:text-xl lg:mt-6 dark:text-neutral-300">
+              Build modern web applications with today&apos;s most popular tools
+            </p>
+          </>
+        )}
+
+        <div className="mt-12 flex items-center gap-3">
+          <a
+            href="https://create.lx2.dev"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
+          >
+            Website
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              className="mb-1.5 size-4 fill-none stroke-current stroke-2"
+            >
+              <path d="M7 7h10v10" />
+              <path d="M7 17 17 7" />
+            </svg>
+          </a>
+          <a
+            href="https://create.lx2.dev/docs"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
+          >
+            Docs
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              className="mb-1.5 size-4 fill-none stroke-current stroke-2"
+            >
+              <path d="M7 7h10v10" />
+              <path d="M7 17 17 7" />
+            </svg>
+          </a>
+          <a
+            href="https://github.com/SlickYeet/create-lx2-app"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
+          >
+            GitHub
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              className="mb-1.5 size-4 fill-none stroke-current stroke-2"
+            >
+              <path d="M7 7h10v10" />
+              <path d="M7 17 17 7" />
+            </svg>
+          </a>
+        </div>
+
+        <div className="mt-12 flex flex-col items-center gap-3">
+          <div className="mb-4">
+            <h1 className="mb-4 text-center">
+              <span className="text-2xl text-neutral-700 dark:text-neutral-300">
+                Posts {posts.length}
+              </span>
+            </h1>
+
+            {user ? (
+              <form
+                action={async (formData: FormData) => {
+                  "use server"
+
+                  const name =
+                    formData.get("name")?.toString() ||
+                    `New Post ${posts.length + 1}`
+
+                  await db.insert(postTable).values({ name })
+
+                  revalidatePath("/")
+                }}
+              >
+                <input
+                  type="text"
+                  name="name"
+                  placeholder="New Post"
+                  className="h-8 rounded-md border border-neutral-300 px-2 outline-none dark:border-neutral-700 dark:bg-neutral-800"
+                />
+                <button
+                  type="submit"
+                  className="ml-2 size-8 cursor-pointer rounded-md bg-neutral-200 outline-none hover:opacity-80 focus:opacity-80 dark:bg-neutral-800"
+                >
+                  +
+                </button>
+              </form>
+            ) : (
+              <p className="text-center text-lg text-neutral-700 md:text-xl lg:mt-6 dark:text-neutral-300">
+                Sign in to create posts
+              </p>
+            )}
+          </div>
+
+          <div className="grid w-full grid-cols-1 gap-2 space-y-2 sm:grid-cols-2">
+            {posts.map((post) => (
+              <div
+                key={post.id}
+                className="flex h-10 max-w-40 items-center rounded-md bg-neutral-200 px-2 py-1 dark:bg-neutral-800"
+              >
+                <span className="truncate text-sm text-neutral-700 dark:text-neutral-300">
+                  {post.name}
+                </span>
+                {user && (
+                  <form
+                    action={async () => {
+                      "use server"
+
+                      await db
+                        .delete(postTable)
+                        .where(eq(postTable.id, post.id))
+
+                      revalidatePath("/")
+                    }}
+                    className="ml-auto"
+                  >
+                    <button
+                      type="submit"
+                      className="ml-2 cursor-pointer rounded-md text-rose-500 outline-none hover:opacity-80 focus:opacity-80"
+                    >
+                      x
+                    </button>
+                  </form>
+                )}
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+
+      <div className="flex flex-col items-center gap-1 text-sm text-neutral-600 lg:flex-row lg:gap-2 dark:text-neutral-400">
+        <p className="m-0">Get started by editing </p>
+        <a
+          href={fileURL}
+          className="rounded-md bg-neutral-200 px-2 py-1 dark:bg-neutral-800"
+        >
+          <code>src/app/page.tsx</code>
+        </a>
+      </div>
+    </main>
+  )
+}

package/template/packages/src/app/page/with-better-auth-prisma.tsx

@@ -58,9 +58,9 @@ export default async function HomePage() {
         {/* Logo */}
         <picture className="relative">
           <div className="absolute inset-0 animate-pulse rounded-xl bg-gradient-to-r from-purple-500 to-cyan-500 opacity-20 blur-xl dark:from-purple-800 dark:to-cyan-800" />
-          <source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/public/logo.light.png?raw=true" />
+          <source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/v1/public/logo.light.png?raw=true" />
           <img
-            src="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/public/logo.light.png?raw=true"
+            src="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/v1/public/logo.light.png?raw=true"
             alt="Logo"
             width={65}
             height={65}

package/template/packages/src/app/page/with-better-auth.tsx

@@ -54,9 +54,9 @@ export default async function HomePage() {
         {/* Logo */}
         <picture className="relative">
           <div className="absolute inset-0 animate-pulse rounded-xl bg-gradient-to-r from-purple-500 to-cyan-500 opacity-20 blur-xl dark:from-purple-800 dark:to-cyan-800" />
-          <source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/public/logo.light.png?raw=true" />
+          <source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/v1/public/logo.light.png?raw=true" />
           <img
-            src="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/public/logo.light.png?raw=true"
+            src="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/v1/public/logo.light.png?raw=true"
             alt="Logo"
             width={65}
             height={65}

package/template/packages/src/app/page/with-drizzle.tsx

@@ -0,0 +1,172 @@
+import { fileURLToPath } from "url"
+import { eq } from "drizzle-orm"
+import { revalidatePath } from "next/cache"
+
+import { db } from "@/server/db"
+import { post as postTable } from "@/server/db/schema"
+
+export default async function HomePage() {
+  const posts = await db.query.post.findMany()
+
+  const fileURL = `vscode://file/${fileURLToPath(import.meta.url)}`
+
+  return (
+    <main className="mx-auto flex h-screen max-w-5xl flex-col items-center justify-between overflow-hidden p-6 sm:p-[45px]">
+      <div className="flex grow flex-col items-center justify-center">
+        {/* Logo */}
+        <picture className="relative">
+          <div className="absolute inset-0 animate-pulse rounded-xl bg-gradient-to-r from-purple-500 to-cyan-500 opacity-20 blur-xl dark:from-purple-800 dark:to-cyan-800" />
+          <source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/v1/public/logo.light.png?raw=true" />
+          <img
+            src="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/v1/public/logo.light.png?raw=true"
+            alt="Logo"
+            width={65}
+            height={65}
+            className="block h-auto max-w-full"
+          />
+        </picture>
+
+        <h1 className="mt-6 bg-gradient-to-r from-purple-500 to-cyan-500 bg-clip-text text-center text-4xl leading-10 text-transparent sm:text-5xl sm:leading-14 md:text-6xl md:leading-20 lg:mt-10 lg:text-7xl lg:font-bold">
+          Lx2 Next.js App
+        </h1>
+        <p className="mt-4 text-center text-lg text-neutral-700 md:text-xl lg:mt-6 dark:text-neutral-300">
+          Build modern web applications with today&apos;s most popular tools
+        </p>
+
+        <div className="mt-12 flex items-center gap-3">
+          <a
+            href="https://create.lx2.dev"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
+          >
+            Website
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              className="mb-1.5 size-4 fill-none stroke-current stroke-2"
+            >
+              <path d="M7 7h10v10" />
+              <path d="M7 17 17 7" />
+            </svg>
+          </a>
+          <a
+            href="https://create.lx2.dev/docs"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
+          >
+            Docs
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              className="mb-1.5 size-4 fill-none stroke-current stroke-2"
+            >
+              <path d="M7 7h10v10" />
+              <path d="M7 17 17 7" />
+            </svg>
+          </a>
+          <a
+            href="https://github.com/SlickYeet/create-lx2-app"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
+          >
+            GitHub
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              className="mb-1.5 size-4 fill-none stroke-current stroke-2"
+            >
+              <path d="M7 7h10v10" />
+              <path d="M7 17 17 7" />
+            </svg>
+          </a>
+        </div>
+
+        <div className="mt-12 flex flex-col items-center gap-3">
+          <div className="mb-4">
+            <h1 className="mb-4 text-center">
+              <span className="text-2xl text-neutral-700 dark:text-neutral-300">
+                Posts {posts.length}
+              </span>
+            </h1>
+
+            <form
+              action={async (formData: FormData) => {
+                "use server"
+
+                const name =
+                  formData.get("name")?.toString() ||
+                  `New Post ${posts.length + 1}`
+
+                await db.insert(postTable).values({ name })
+
+                revalidatePath("/")
+              }}
+            >
+              <input
+                type="text"
+                name="name"
+                placeholder="New Post"
+                className="h-8 rounded-md border border-neutral-300 px-2 outline-none dark:border-neutral-700 dark:bg-neutral-800"
+              />
+              <button
+                type="submit"
+                className="ml-2 size-8 cursor-pointer rounded-md bg-neutral-200 outline-none hover:opacity-80 focus:opacity-80 dark:bg-neutral-800"
+              >
+                +
+              </button>
+            </form>
+          </div>
+
+          <div className="grid w-full grid-cols-1 gap-2 space-y-2 sm:grid-cols-2">
+            {posts.map((post) => (
+              <div
+                key={post.id}
+                className="flex h-10 max-w-40 items-center rounded-md bg-neutral-200 px-2 py-1 dark:bg-neutral-800"
+              >
+                <span className="truncate text-sm text-neutral-700 dark:text-neutral-300">
+                  {post.name}
+                </span>
+                <form
+                  action={async () => {
+                    "use server"
+
+                    await db.delete(postTable).where(eq(postTable.id, post.id))
+
+                    revalidatePath("/")
+                  }}
+                  className="ml-auto"
+                >
+                  <button
+                    type="submit"
+                    className="ml-2 cursor-pointer rounded-md text-rose-500 outline-none hover:opacity-80 focus:opacity-80"
+                  >
+                    x
+                  </button>
+                </form>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+
+      <div className="flex flex-col items-center gap-1 text-sm text-neutral-600 lg:flex-row lg:gap-2 dark:text-neutral-400">
+        <p className="m-0">Get started by editing </p>
+        <a
+          href={fileURL}
+          className="rounded-md bg-neutral-200 px-2 py-1 dark:bg-neutral-800"
+        >
+          <code>src/app/page.tsx</code>
+        </a>
+      </div>
+    </main>
+  )
+}

package/template/packages/src/app/page/with-payload.tsx

@@ -3,8 +3,6 @@ import config from "@payload-config"
 import { headers as getHeaders } from "next/headers.js"
 import { getPayload } from "payload"
 
-import "./globals.css"
-
 export default async function HomePage() {
   const headers = await getHeaders()
   const payloadConfig = await config
@@ -19,9 +17,9 @@ export default async function HomePage() {
         {/* Logo */}
         <picture className="relative">
           <div className="absolute inset-0 animate-pulse rounded-xl bg-gradient-to-r from-purple-500 to-cyan-500 opacity-20 blur-xl dark:from-purple-800 dark:to-cyan-800" />
-          <source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/public/logo.light.png?raw=true" />
+          <source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/v1/public/logo.light.png?raw=true" />
           <img
-            src="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/public/logo.light.png?raw=true"
+            src="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/v1/public/logo.light.png?raw=true"
             alt="Logo"
             width={65}
             height={65}

package/template/packages/src/app/page/with-prisma.tsx

@@ -14,9 +14,9 @@ export default async function HomePage() {
         {/* Logo */}
         <picture className="relative">
           <div className="absolute inset-0 animate-pulse rounded-xl bg-gradient-to-r from-purple-500 to-cyan-500 opacity-20 blur-xl dark:from-purple-800 dark:to-cyan-800" />
-          <source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/public/logo.light.png?raw=true" />
+          <source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/v1/public/logo.light.png?raw=true" />
           <img
-            src="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/public/logo.light.png?raw=true"
+            src="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/v1/public/logo.light.png?raw=true"
             alt="Logo"
             width={65}
             height={65}

package/template/packages/src/server/auth/config/authjs-with-drizzle.ts

@@ -0,0 +1,51 @@
+import { DrizzleAdapter } from "@auth/drizzle-adapter"
+import { NextAuthConfig } from "next-auth"
+import Discord from "next-auth/providers/discord"
+
+import { env } from "@/env"
+import { db } from "@/server/db"
+import {
+  account,
+  authenticator,
+  session,
+  user,
+  verificationToken,
+} from "@/server/db/schema"
+
+/**
+ * This is the Auth.js configuration for the application.
+ *
+ * @see https://authjs.dev/getting-started/installation
+ */
+export const authConfig: NextAuthConfig = {
+  adapter: DrizzleAdapter(db, {
+    /**
+     * The Auth.js Drizzle adapter expects plural table names in code and singular in the database.
+     * Here, for consistency, we're explicitly mapping to our singular table names.
+     * Without this mapping, it would look for tables named "users", "accounts", etc.
+     * You do not need to define models here that are not used by Auth.js.
+     *
+     * @see https://authjs.dev/getting-started/adapters/drizzle#passing-your-own-schemas
+     */
+    usersTable: user,
+    accountsTable: account,
+    sessionsTable: session,
+    verificationTokensTable: verificationToken,
+    authenticatorsTable: authenticator,
+  }),
+  providers: [
+    Discord({
+      clientId: env.DISCORD_CLIENT_ID,
+      clientSecret: env.DISCORD_CLIENT_SECRET,
+    }),
+    /**
+     * ...add more providers here.
+     *
+     * Most other providers require a bit more work than the Discord provider. For example, the
+     * GitHub provider requires you to add the `refresh_token_expires_in` field to the Account
+     * model. Refer to the Auth.js docs for the provider you want to use. Example:
+     *
+     * @see https://authjs.dev/getting-started/providers/github
+     */
+  ],
+}

package/template/packages/src/server/auth/config/better-auth-with-prisma.ts

@@ -11,6 +11,7 @@ export const auth = betterAuth({
   database: prismaAdapter(prisma, {
     provider: "sqlite",
   }),
+  baseURL: env.NEXT_PUBLIC_BETTER_AUTH_URL,
   socialProviders: {
     discord: {
       clientId: env.DISCORD_CLIENT_ID,

package/template/packages/src/server/db/index-drizzle/with-mysql.ts

@@ -0,0 +1,19 @@
+import { drizzle } from "drizzle-orm/mysql2"
+import { createPool, type Pool } from "mysql2/promise"
+
+import { env } from "@/env"
+
+import * as schema from "./schema"
+
+/**
+ * This caches the database connection in development to avoid
+ * creating a new connection on every HMR update.
+ */
+const globalForDb = globalThis as unknown as {
+  conn: Pool | undefined
+}
+
+const conn = globalForDb.conn ?? createPool({ uri: env.DATABASE_URL })
+if (env.NODE_ENV !== "production") globalForDb.conn = conn
+
+export const db = drizzle(conn, { schema, mode: "default" })

package/template/packages/src/server/db/index-drizzle/with-postgres.ts

@@ -0,0 +1,19 @@
+import { drizzle } from "drizzle-orm/postgres-js"
+import postgres from "postgres"
+
+import { env } from "@/env"
+
+import * as schema from "./schema"
+
+/**
+ * This caches the database connection in development to avoid
+ * creating a new connection on every HMR update.
+ */
+const globalForDb = globalThis as unknown as {
+  conn: postgres.Sql | undefined
+}
+
+const conn = globalForDb.conn ?? postgres(env.DATABASE_URL)
+if (env.NODE_ENV !== "production") globalForDb.conn = conn
+
+export const db = drizzle(conn, { schema })

package/template/packages/src/server/db/index-drizzle/with-sqlite.ts

@@ -0,0 +1,20 @@
+import { createClient, type Client } from "@libsql/client"
+import { drizzle } from "drizzle-orm/libsql"
+
+import { env } from "@/env"
+
+import * as schema from "./schema"
+
+/**
+ * This caches the database connection in development to avoid
+ * creating a new connection on every HMR update.
+ */
+const globalForDb = globalThis as unknown as {
+  client: Client | undefined
+}
+
+export const client =
+  globalForDb.client ?? createClient({ url: env.DATABASE_URL })
+if (env.NODE_ENV !== "production") globalForDb.client = client
+
+export const db = drizzle(client, { schema })

package/template/packages/src/server/db/schema-drizzle/base-mysql.ts

@@ -0,0 +1,27 @@
+// This is an example schema for PostgreSQL using Drizzle ORM.
+// Learn more at https://orm.drizzle.team/docs/sql-schema-declaration
+
+import { sql } from "drizzle-orm"
+import { index, mysqlTableCreator } from "drizzle-orm/mysql-core"
+
+/**
+ * Below is an example of how to create a table with a prefix.
+ * This is useful for multi-tenant applications where you want to separate data by tenant.
+ *
+ * @see https://orm.drizzle.team/docs/goodies#multi-project-schema
+ */
+export const createTable = mysqlTableCreator((name) => `project1_${name}`)
+
+export const post = createTable(
+  "post",
+  (d) => ({
+    id: d.bigint({ mode: "number" }).primaryKey().autoincrement(),
+    name: d.varchar({ length: 255 }).notNull(),
+    createdAt: d
+      .timestamp({ mode: "date" })
+      .default(sql`CURRENT_TIMESTAMP`)
+      .notNull(),
+    updatedAt: d.timestamp({ mode: "date" }).$onUpdate(() => new Date()),
+  }),
+  (t) => [index("post_name_idx").on(t.name)]
+)

package/template/packages/src/server/db/schema-drizzle/base-postgres.ts

@@ -0,0 +1,27 @@
+// This is an example schema for PostgreSQL using Drizzle ORM.
+// Learn more at https://orm.drizzle.team/docs/sql-schema-declaration
+
+import { sql } from "drizzle-orm"
+import { index, pgTableCreator } from "drizzle-orm/pg-core"
+
+/**
+ * Below is an example of how to create a table with a prefix.
+ * This is useful for multi-tenant applications where you want to separate data by tenant.
+ *
+ * @see https://orm.drizzle.team/docs/goodies#multi-project-schema
+ */
+export const createTable = pgTableCreator((name) => `project1_${name}`)
+
+export const post = createTable(
+  "post",
+  (d) => ({
+    id: d.integer().primaryKey().generatedByDefaultAsIdentity(),
+    name: d.varchar({ length: 255 }).notNull(),
+    createdAt: d
+      .timestamp({ withTimezone: true })
+      .default(sql`CURRENT_TIMESTAMP`)
+      .notNull(),
+    updatedAt: d.timestamp({ withTimezone: true }).$onUpdate(() => new Date()),
+  }),
+  (t) => [index("post_name_idx").on(t.name)]
+)

package/template/packages/src/server/db/schema-drizzle/base-sqlite.ts

@@ -0,0 +1,27 @@
+// This is an example schema for PostgreSQL using Drizzle ORM.
+// Learn more at https://orm.drizzle.team/docs/sql-schema-declaration
+
+import { sql } from "drizzle-orm"
+import { index, sqliteTableCreator } from "drizzle-orm/sqlite-core"
+
+/**
+ * Below is an example of how to create a table with a prefix.
+ * This is useful for multi-tenant applications where you want to separate data by tenant.
+ *
+ * @see https://orm.drizzle.team/docs/goodies#multi-project-schema
+ */
+export const createTable = sqliteTableCreator((name) => `project1_${name}`)
+
+export const post = createTable(
+  "post",
+  (d) => ({
+    id: d.integer({ mode: "number" }).primaryKey({ autoIncrement: true }),
+    name: d.text({ length: 255 }).notNull(),
+    createdAt: d
+      .integer({ mode: "timestamp" })
+      .default(sql`(unixepoch())`)
+      .notNull(),
+    updatedAt: d.integer({ mode: "timestamp" }).$onUpdate(() => new Date()),
+  }),
+  (t) => [index("post_name_idx").on(t.name)]
+)