create-ej-app 20.0.0 → 21.0.0

package/cli.js

@@ -1,14 +1,5 @@
 #!/usr/bin/env node
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -54,8 +45,8 @@ const getDevCommand = (packageManager) => {
             return 'npm run dev';
     }
 };
-commander_1.program.action(() => __awaiter(void 0, void 0, void 0, function* () {
-    const response = yield (0, enquirer_1.prompt)([
+commander_1.program.action(async () => {
+    const response = await (0, enquirer_1.prompt)([
         {
             type: 'input',
             name: 'projectName',
@@ -139,5 +130,5 @@ ${devCommand}
 
 Happy coding! 🚀
 `);
-}));
+});
 commander_1.program.parse(process.argv);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-ej-app",
-  "version": "20.0.0",
+  "version": "21.0.0",
   "description": "Bootstrap a next.js app with my preferred setup",
   "main": "cli.js",
   "scripts": {
@@ -34,7 +34,7 @@
     "enquirer": "^2.4.1"
   },
   "devDependencies": {
-    "@types/node": "^25.5.0",
-    "typescript": "^5.9.3"
+    "@types/node": "^25.6.2",
+    "typescript": "^6.0.3"
   }
 }

package/template/api/package.json

@@ -14,18 +14,18 @@
     "db:seed": "bun ./src/scripts/seed.ts"
   },
   "dependencies": {
-    "@elysiajs/openapi": "1.4.14",
+    "@elysiajs/openapi": "1.4.15",
     "@t3-oss/env-core": "0.13.11",
-    "drizzle-orm": "0.45.1",
+    "drizzle-orm": "0.45.2",
     "elysia": "1.4.28",
-    "zod": "4.3.6"
+    "zod": "4.4.3"
   },
   "devDependencies": {
-    "@types/bun": "1.3.11",
-    "@typescript/native-preview": "7.0.0-dev.20260326.1",
+    "@types/bun": "1.3.13",
+    "@typescript/native-preview": "7.0.0-dev.20260508.1",
     "drizzle-kit": "0.31.10",
-    "postgres": "3.4.8",
-    "prettier": "3.8.1",
+    "postgres": "3.4.9",
+    "prettier": "3.8.3",
     "prettier-plugin-organize-imports": "4.3.0"
   }
 }

package/template/nextjs/package.json

@@ -23,55 +23,54 @@
   "dependencies": {
     "@ejekanshjain/simple-email-validator": "1.0.4",
     "@hookform/resolvers": "5.2.2",
-    "@next/third-parties": "16.2.1",
+    "@next/third-parties": "16.2.6",
     "@opentelemetry/api": "1.9.1",
-    "@opentelemetry/sdk-trace-base": "2.6.1",
+    "@opentelemetry/sdk-trace-base": "2.7.1",
     "@paralleldrive/cuid2": "3.3.0",
-    "@react-email/components": "1.0.10",
-    "@react-email/render": "2.0.4",
+    "@react-email/render": "2.0.8",
     "@t3-oss/env-nextjs": "0.13.11",
-    "@tanstack/react-query": "5.95.2",
-    "@vercel/otel": "2.1.1",
-    "better-auth": "1.5.6",
+    "@tanstack/react-query": "5.100.9",
+    "@vercel/otel": "2.1.2",
+    "better-auth": "1.6.9",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
-    "drizzle-orm": "0.45.1",
-    "lucide-react": "1.7.0",
-    "next": "16.2.1",
-    "next-safe-action": "8.1.8",
-    "next-themes": "0.4.6",
+    "drizzle-orm": "0.45.2",
+    "lucide-react": "1.14.0",
+    "next": "16.2.6",
+    "next-safe-action": "8.5.2",
+    "next-themes": "^0.4.6",
     "nextjs-toploader": "3.9.17",
-    "nodemailer": "8.0.4",
-    "postgres": "3.4.8",
+    "nodemailer": "8.0.7",
+    "postgres": "3.4.9",
     "radix-ui": "1.4.3",
-    "react": "19.2.4",
-    "react-dom": "19.2.4",
-    "react-hook-form": "7.72.0",
-    "sonner": "2.0.7",
+    "react": "19.2.6",
+    "react-dom": "19.2.6",
+    "react-hook-form": "7.75.0",
+    "sonner": "^2.0.7",
     "tailwind-merge": "3.5.0",
     "tw-animate-css": "1.4.0",
-    "workflow": "4.2.0-beta.72",
-    "zod": "4.3.6"
+    "workflow": "4.2.4",
+    "zod": "4.4.3"
   },
   "devDependencies": {
-    "@next/bundle-analyzer": "16.2.1",
+    "@next/bundle-analyzer": "16.2.6",
     "@react-email/preview-server": "5.2.10",
-    "@tailwindcss/postcss": "4.2.2",
-    "@types/bun": "1.3.11",
-    "@types/nodemailer": "7.0.11",
+    "@tailwindcss/postcss": "4.2.4",
+    "@types/bun": "1.3.13",
+    "@types/nodemailer": "8.0.0",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "@typescript/native-preview": "7.0.0-dev.20260326.1",
+    "@typescript/native-preview": "7.0.0-dev.20260508.1",
     "babel-plugin-react-compiler": "1.0.0",
     "drizzle-kit": "0.31.10",
     "eslint": "9.39.4",
-    "eslint-config-next": "16.2.1",
-    "prettier": "3.8.1",
+    "eslint-config-next": "16.2.6",
+    "prettier": "3.8.3",
     "prettier-plugin-organize-imports": "4.3.0",
-    "prettier-plugin-tailwindcss": "0.7.2",
-    "react-email": "5.2.10",
-    "tailwindcss": "4.2.2",
-    "typescript": "6.0.2"
+    "prettier-plugin-tailwindcss": "0.8.0",
+    "react-email": "6.1.1",
+    "tailwindcss": "4.2.4",
+    "typescript": "6.0.3"
   },
   "trustedDependencies": [
     "@nestjs/core",

package/template/nextjs/src/components/ui/button.tsx

@@ -5,7 +5,7 @@ import * as React from 'react'
 import { cn } from '~/lib/cn'
 
 const buttonVariants = cva(
-  "group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  "group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
     variants: {
       variant: {
@@ -25,7 +25,7 @@ const buttonVariants = cva(
           'h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',
         xs: "h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
         sm: 'h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5',
-        lg: 'h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3',
+        lg: 'h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',
         icon: 'size-9',
         'icon-xs':
           "size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",

package/template/nextjs/src/components/ui/field.tsx

@@ -120,7 +120,7 @@ function FieldTitle({ className, ...props }: React.ComponentProps<'div'>) {
     <div
       data-slot="field-label"
       className={cn(
-        'flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50',
+        'flex w-fit items-center gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50',
         className
       )}
       {...props}

package/template/nextjs/src/db/index.ts

@@ -1,7 +1,50 @@
 import { drizzle } from 'drizzle-orm/postgres-js'
+import postgres from 'postgres'
 import { env } from '~/env'
 import * as schema from './schema'
 
-export const db = drizzle(env.DATABASE_URL, {
+// In development, Next.js hot-reloading can re-evaluate modules frequently.
+// Keep a single postgres-js client on `globalThis` to avoid opening multiple
+// database connections during local development.
+const globalForDb = globalThis as unknown as {
+  client?: ReturnType<typeof postgres>
+}
+
+// Prefer the cached client (dev) and fall back to creating a new one.
+// `max: 1` limits the pool size, and `prepare: false` disables prepared
+// statements for compatibility with environments where prepared statements
+// can be problematic.
+const client =
+  globalForDb.client ??
+  postgres(env.DATABASE_URL, {
+    max: 1,
+    prepare: false
+  })
+
+// Only cache the client outside production to avoid unexpected cross-request
+// state retention in long-lived production processes.
+if (env.APP_ENV !== 'production') globalForDb.client = client
+
+/**
+ * Drizzle ORM database client for PostgreSQL.
+ *
+ * Backed by a postgres-js client configured via `env.DATABASE_URL`, and wired
+ * up with schema + relations so you get typed query helpers.
+ *
+ * Use this instance throughout the app for all database operations.
+ *
+ * @example
+ * const users = await db.query.usersTable.findMany()
+ * const newUser = await db.insert(usersTable).values({ email: 'user@example.com' })
+ *
+ * @example
+ * await db.transaction(async (tx) => {
+ *   await tx.insert(usersTable).values({ email: 'user@example.com' })
+ * })
+ */
+export const db = drizzle(client, {
   schema: { ...schema }
 })
+
+/** The transaction client type passed into `db.transaction(async (tx) => ...)`. */
+export type DbTx = Parameters<Parameters<(typeof db)['transaction']>[0]>[0]

package/template/nextjs/src/emails/components/email-layout.tsx

@@ -9,7 +9,7 @@ import {
   Section,
   Tailwind,
   Text
-} from '@react-email/components'
+} from 'react-email'
 
 interface EmailLayoutProps {
   previewText: string

package/template/nextjs/src/emails/magic-link.tsx

@@ -1,4 +1,4 @@
-import { Button, Heading, Text } from '@react-email/components'
+import { Button, Heading, Text } from 'react-email'
 import EmailLayout from './components/email-layout'
 
 export interface MagicLinkEmailProps {

package/template/nextjs/src/emails/test.tsx

@@ -1,4 +1,4 @@
-import { Button, Heading, Text } from '@react-email/components'
+import { Button, Heading, Text } from 'react-email'
 import EmailLayout from './components/email-layout'
 
 interface TestEmailProps {

package/template/nextjs/src/emails/welcome.tsx

@@ -1,4 +1,4 @@
-import { Heading, Text } from '@react-email/components'
+import { Heading, Text } from 'react-email'
 import EmailLayout from './components/email-layout'
 
 export interface WelcomeEmailProps {

package/tsconfig.json

@@ -1,9 +1,11 @@
 {
   "compilerOptions": {
     "outDir": "./",
-    "lib": ["ESNext", "DOM"],
-    "target": "es2016",
-    "module": "commonjs",
+    "target": "ES2022",
+    "lib": ["ES2022"],
+    "module": "Node16",
+    "moduleResolution": "Node16",
+    "types": ["node"],
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
     "strict": true,