better-ts-stack 0.1.0 → 1.0.8

package/templates/frontend/nextjs/app/globals.css

@@ -1,99 +1,89 @@
-@import "tailwindcss";
-
-:root {
-  --background: oklch(0.98 0.004 255);
-  --foreground: oklch(0.2 0.03 255);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.2 0.03 255);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.2 0.03 255);
-  --primary: oklch(0.27 0.04 260);
-  --primary-foreground: oklch(0.99 0.004 255);
-  --secondary: oklch(0.94 0.008 255);
-  --secondary-foreground: oklch(0.3 0.03 255);
-  --muted: oklch(0.95 0.006 255);
-  --muted-foreground: oklch(0.48 0.02 255);
-  --accent: oklch(0.93 0.02 233);
-  --accent-foreground: oklch(0.27 0.04 260);
-  --destructive: oklch(0.63 0.24 25);
-  --destructive-foreground: oklch(0.99 0.004 255);
-  --border: oklch(0.89 0.01 255);
-  --input: oklch(0.89 0.01 255);
-  --ring: oklch(0.64 0.13 240);
-  --radius: 1rem;
-}
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-card: var(--card);
-  --color-card-foreground: var(--card-foreground);
-  --color-popover: var(--popover);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-secondary: var(--secondary);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-destructive: var(--destructive);
-  --color-destructive-foreground: var(--destructive-foreground);
-  --color-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
-  --radius-sm: calc(var(--radius) - 0.25rem);
-  --radius-md: calc(var(--radius) - 0.125rem);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 0.25rem);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: oklch(0.16 0.02 255);
-    --foreground: oklch(0.95 0.005 255);
-    --card: oklch(0.2 0.02 255);
-    --card-foreground: oklch(0.95 0.005 255);
-    --popover: oklch(0.2 0.02 255);
-    --popover-foreground: oklch(0.95 0.005 255);
-    --primary: oklch(0.93 0.01 255);
-    --primary-foreground: oklch(0.22 0.03 255);
-    --secondary: oklch(0.24 0.02 255);
-    --secondary-foreground: oklch(0.95 0.005 255);
-    --muted: oklch(0.24 0.02 255);
-    --muted-foreground: oklch(0.72 0.015 255);
-    --accent: oklch(0.28 0.03 238);
-    --accent-foreground: oklch(0.95 0.005 255);
-    --destructive: oklch(0.68 0.2 22);
-    --destructive-foreground: oklch(0.98 0.004 255);
-    --border: oklch(0.28 0.02 255);
-    --input: oklch(0.28 0.02 255);
-    --ring: oklch(0.71 0.11 240);
-  }
-}
-
-* {
-  border-color: var(--border);
-}
-
-html {
-  scroll-behavior: smooth;
-}
-
-body {
-  background: var(--background);
-  color: var(--foreground);
-  font-family: var(--font-geist-sans), sans-serif;
-}
-
-a {
-  text-underline-offset: 0.2rem;
-}
-
-::selection {
-  background: color-mix(in oklab, var(--accent) 65%, white);
-  color: var(--foreground);
-}
+@import "tailwindcss";
+
+:root {
+  --radius: 0.65rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+}
+* {
+  border-color: var(--border);
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+  font-family: var(--font-geist-sans), sans-serif;
+}
+
+a {
+  text-underline-offset: 0.2rem;
+}
+
+::selection {
+  background: color-mix(in oklab, var(--accent) 65%, white);
+  color: var(--foreground);
+}

package/templates/frontend/nextjs/app/page.tsx.hbs

@@ -17,19 +17,18 @@ const featureList = [
 
 export default function Home() {
   return (
-    <main className="relative min-h-screen overflow-hidden bg-[radial-gradient(circle_at_top,_rgba(14,165,233,0.14),_transparent_30%),linear-gradient(180deg,_#fcfcfd_0%,_#f8fafc_45%,_#eef2ff_100%)] text-slate-950">
-      <div className="absolute inset-x-0 top-0 h-72 bg-[radial-gradient(circle_at_top,_rgba(59,130,246,0.18),_transparent_55%)]" />
-      <div className="relative mx-auto flex min-h-screen max-w-6xl flex-col justify-center gap-12 px-6 py-16 sm:px-10 lg:px-12">
+    <main className="min-h-screen bg-background text-foreground">
+      <div className="mx-auto flex min-h-screen max-w-6xl flex-col justify-center gap-12 px-6 py-16 sm:px-10 lg:px-12">
         <section className="grid gap-10 lg:grid-cols-[1.2fr_0.8fr] lg:items-center">
           <div className="space-y-6">
-            <span className="inline-flex w-fit items-center rounded-full border border-sky-200 bg-white/80 px-3 py-1 text-xs font-medium uppercase tracking-[0.24em] text-sky-700 shadow-sm backdrop-blur">
+            <span className="inline-flex w-fit items-center rounded-full border border-border bg-card px-3 py-1 text-xs font-medium uppercase tracking-[0.24em] text-muted-foreground shadow-sm">
               Created with better-ts-stack
             </span>
             <div className="space-y-4">
-              <h1 className="max-w-3xl text-4xl font-semibold tracking-tight text-slate-950 sm:text-5xl">
+              <h1 className="max-w-3xl text-4xl font-semibold tracking-tight sm:text-5xl">
                 Ship your stack faster with a polished TypeScript foundation.
               </h1>
-              <p className="max-w-2xl text-base leading-7 text-slate-600 sm:text-lg">
+              <p className="max-w-2xl text-base leading-7 text-muted-foreground sm:text-lg">
                 Your project already includes the core app shell, database wiring,
                 and a shadcn-compatible UI foundation so you can keep building
                 instead of setting up boilerplate.
@@ -72,20 +71,20 @@ export default function Home() {
             </div>
           </div>
 
-          <Card className="border-white/70 bg-white/80 shadow-xl shadow-slate-200/70 backdrop-blur">
+          <Card className="border-border bg-card shadow-sm">
             <CardHeader>
               <CardTitle>Included in this starter</CardTitle>
             </CardHeader>
             <CardContent className="space-y-4">
-              <ul className="space-y-3 text-sm text-slate-600">
+              <ul className="space-y-3 text-sm text-muted-foreground">
                 {featureList.map((feature) => (
                   <li key={feature} className="flex items-center gap-3">
-                    <span className="size-2 rounded-full bg-sky-500" />
+                    <span className="size-2 rounded-full bg-primary" />
                     <span>{feature}</span>
                   </li>
                 ))}
               </ul>
-              <div className="rounded-2xl border border-slate-200 bg-slate-950 px-4 py-3 text-sm text-slate-100">
+              <div className="rounded-2xl border border-border bg-muted px-4 py-3 text-sm text-muted-foreground">
                 Start editing <code className="font-mono">app/page.tsx</code> and
                 shape the project around your product instead of setup chores.
               </div>

package/templates/frontend/nextjs/config.json

@@ -1,33 +1,39 @@
-{
-  "id": "nextjs",
-  "name": "Next.js",
-  "description": "Next.js 16 App Router with TypeScript and Tailwind CSS",
-  "type": "base",
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "eslint"
-  },
+{
+  "id": "nextjs",
+  "name": "Next.js",
+  "description": "Next.js 16 App Router with TypeScript and Tailwind CSS",
+  "type": "base",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint",
+    "type:check": "tsc --noEmit"
+  },
   "dependencies": {
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^0.542.0",
-    "next": "^16.2.0",
-    "react": "19.2.3",
-    "react-dom": "19.2.3",
-    "tailwind-merge": "^3.3.1"
+    "lucide-react": "^1.41.0",
+    "next": "^16.3.4",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "tailwind-merge": "^3.6.0",
+    "@radix-ui/react-slot": "^1.3.3"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.3.3",
+    "@types/node": "^24.13.3",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.7",
+    "eslint": "^10.10.0",
+    "eslint-config-next": "^16.3.4",
+    "tailwindcss": "^4.3.3",
+    "typescript": "^6.0.3",
+    "@eslint/compat": "^2.1.1"
+  },
+  "envVars": {
+    "NODE_ENV": "development",
+    "PORT": "3000"
   },
-  "devDependencies": {
-    "@tailwindcss/postcss": "^4",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "eslint": "^9",
-    "eslint-config-next": "16.1.6",
-    "tailwindcss": "^4",
-    "typescript": "^5"
-  },
-  "envVars": { "NODE_ENV": "development", "PORT": "3000" },
   "templateFiles": ["app/page.tsx.hbs", "proxy.ts.hbs"]
 }

package/templates/frontend/nextjs/eslint.config.mjs

@@ -1,11 +1,11 @@
-import nextVitals from "eslint-config-next/core-web-vitals";
-import nextTs from "eslint-config-next/typescript";
-import { defineConfig, globalIgnores } from "eslint/config";
-
-const eslintConfig = defineConfig([
-  ...nextVitals,
-  ...nextTs,
-  globalIgnores([".next/**", "out/**", "build/**", "next-env.d.ts"]),
-]);
-
-export default eslintConfig;
+import { fixupConfigRules } from "@eslint/compat";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+import { defineConfig, globalIgnores } from "eslint/config";
+
+const eslintConfig = defineConfig([
+  ...fixupConfigRules([...nextVitals, ...nextTs]),
+  globalIgnores([".next/**", "out/**", "build/**", "next-env.d.ts"]),
+]);
+
+export default eslintConfig;

package/templates/frontend/nextjs/proxy.ts.hbs

@@ -1,23 +1,24 @@
-import { NextResponse, type NextRequest } from "next/server";
+import { NextResponse } from "next/server";
 
 {{#if useAuth}}
+import type { NextRequest } from "next/server";
 import { getSessionCookie } from "better-auth/cookies";
 
-export async function proxy(request: NextRequest) {
+export function proxy(request: NextRequest) {
   const sessionCookie = getSessionCookie(request);
-
+
   if (!sessionCookie) {
     return NextResponse.redirect(new URL("/sign-in", request.url));
   }
-
-  return NextResponse.next();
-}
-
+
+  return NextResponse.next();
+}
+
 export const config = {
   matcher: ["/dashboard/:path*"],
 };
 {{else}}
-export function proxy(_request: NextRequest) {
+export function proxy() {
   return NextResponse.next();
 }
 {{/if}}

package/templates/frontend/nextjs/tsconfig.json

@@ -1,21 +1,34 @@
-{
-  "compilerOptions": {
-    "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "react-jsx",
-    "incremental": true,
-    "plugins": [{ "name": "next" }],
-    "paths": { "@/*": ["./*"] }
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", ".next/dev/types/**/*.ts", "**/*.mts"],
-  "exclude": ["node_modules"]
-}
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}

package/templates/modules/auth/express/config.json

@@ -1 +1,26 @@
-{"id":"auth","name":"JWT Auth","description":"JWT authentication with bcrypt password hashing","type":"feature","dependencies":{"bcrypt":"^5.1.1","jsonwebtoken":"^9.0.2"},"devDependencies":{"@types/bcrypt":"^5.0.0","@types/jsonwebtoken":"^9.0.5"},"scripts":{},"envVars":{"JWT_SECRET":"please-change-me","JWT_EXPIRES_IN":"1h"},"templateFiles":["src/lib/jwt.ts.hbs","src/middleware/requireAuth.ts.hbs","src/services/userStore.ts.hbs","src/routes/auth.ts.hbs","src/controllers/authController.ts.hbs"]}
+{
+  "id": "auth",
+  "name": "JWT Auth",
+  "description": "JWT authentication with bcrypt password hashing",
+  "type": "feature",
+  "dependencies": {
+    "bcrypt": "^6.0.0",
+    "jsonwebtoken": "^9.0.3"
+  },
+  "devDependencies": {
+    "@types/bcrypt": "^6.0.0",
+    "@types/jsonwebtoken": "^9.0.10"
+  },
+  "scripts": {},
+  "envVars": {
+    "JWT_SECRET": "please-change-me",
+    "JWT_EXPIRES_IN": "1h"
+  },
+  "templateFiles": [
+    "src/lib/jwt.ts.hbs",
+    "src/middleware/requireAuth.ts.hbs",
+    "src/services/userStore.ts.hbs",
+    "src/routes/auth.ts.hbs",
+    "src/controllers/authController.ts.hbs"
+  ]
+}

package/templates/modules/auth/express/src/routes/auth.ts.hbs

@@ -2,7 +2,7 @@ import { Request, Response, NextFunction, Router } from 'express';
 import { login, me, register } from '../controllers/authController';
 import { requireAuth } from '../middleware/requireAuth';
 
-const router = Router();
+const router: Router = Router();
 
 function asyncHandler(
   fn: (req: Request, res: Response, next: NextFunction) => Promise<void>