@newt-app/templates 0.2.2 → 0.4.0

package/dist/index.js

@@ -177,7 +177,7 @@ Open [http://localhost:3000](http://localhost:3000).
 
 // src/root/templates/env-example.ts
 var env_example_default = {
-  filename: ".env.example",
+  filename: ".env",
   template: `DATABASE_URL=postgresql://user:password@localhost:5432/dbname
 BETTER_AUTH_URL=http://localhost:3000
 BETTER_AUTH_SECRET=your-secret-here`
@@ -218,6 +218,7 @@ var package_json_default2 = {
     "@<%= projectName %>/auth": "workspace:*",
     "@<%= projectName %>/ui": "workspace:*",
     "@tailwindcss/postcss": "^4.2.1",
+    "dotenv": "^17.3.1",
     "@tanstack/react-form": "^1.28.5",
     "@tanstack/react-query": "^5.90.21",
     "better-auth": "^1.2.8",
@@ -332,7 +333,14 @@ export default nextJsConfig;`
 // src/web/templates/next-config.ts
 var next_config_default = {
   filename: "apps/web/next.config.js",
-  template: `/** @type {import('next').NextConfig} */
+  template: `import dotenv from 'dotenv';
+import { resolve } from 'path';
+
+// Load root .env first, then local .env (local takes precedence)
+dotenv.config({ path: resolve(process.cwd(), '../../.env') });
+dotenv.config({ path: resolve(process.cwd(), '.env') });
+
+/** @type {import('next').NextConfig} */
 const nextConfig = {
   output: "standalone",
   async rewrites() {
@@ -446,44 +454,38 @@ export default function Home() {
   });
 
   return (
-    <main className="max-w-lg mx-auto border-r border-l min-h-full">
-      <div className="border-b p-4">
-        <p className="font-mono">apps/web/page.tsx</p>
-        <p className="text-gray-400">Delete me to get started!</p>
+    <main className="max-w-lg mx-auto min-h-full px-4 py-8 space-y-4">
+      <div className="pb-4 border-b">
+        <p className="font-mono text-sm text-gray-400">apps/web/page.tsx</p>
+        <p className="text-sm text-gray-400">Delete me to get started!</p>
       </div>
-      <div className="border-b p-4">
-        <div className="flex items-center gap-3 pb-2">
-          <Logo className="w-10 h-auto text-foreground" />
-          <h1 className="text-5xl font-black tracking-tight">
-            <%= projectName %>
-          </h1>
+
+      <div className="flex items-center gap-3 py-2">
+        <Logo className="w-10 h-auto text-foreground" />
+        <div>
+          <h1 className="text-4xl font-black tracking-tight"><%= projectName %></h1>
+          <p className="text-sm text-gray-400 tracking-widest uppercase">
+            Next + Nest = Newt \u{1F49C}
+          </p>
         </div>
-        <p className="mt-2 text-sm text-gray-400 tracking-widest uppercase">
-          Next + Nest = Newt \u{1F49C}
-        </p>
-        <p className="text-gray-400">The perfect TypeScript monorepo setup</p>
       </div>
-      <div className="border-b p-4">
-        <div className="flex justify-end text-gray-400 uppercase">
-          <h2>next.js</h2>
-        </div>
-        <p className="font-mono">apps/web/layout.tsx</p>
-        <p className="text-gray-400">Next.js rendering</p>
+
+      <div className="rounded-xl border p-6 space-y-1">
+        <p className="text-xs font-mono uppercase tracking-widest text-gray-400">next.js</p>
+        <p className="font-mono text-sm text-gray-400">apps/web/layout.tsx</p>
+        <p className="text-sm text-gray-400">Next.js rendering</p>
       </div>
 
-      <div className="p-4 border-b">
-        <div className="flex justify-end text-gray-400 uppercase">
-          <h2>nest.js</h2>
-        </div>
-        <p className="font-mono">GET /api/hello</p>
+      <div className="rounded-xl border p-6 space-y-1">
+        <p className="text-xs font-mono uppercase tracking-widest text-gray-400">nest.js</p>
+        <p className="font-mono text-sm text-gray-400">GET /api/hello</p>
         <pre className="mt-2 border rounded-md p-3 text-sm bg-neutral-800">
           <code>{JSON.stringify(hello, null, 2)}</code>
         </pre>
       </div>
-      <div className="p-4 border-b">
-        <div className="flex justify-end text-gray-400 uppercase">
-          <h2>better-auth</h2>
-        </div>
+
+      <div className="rounded-xl border p-6">
+        <p className="text-xs font-mono uppercase tracking-widest text-gray-400 mb-4">better-auth</p>
         {isPending ? (
           <p className="text-sm text-gray-400">Loading\u2026</p>
         ) : session ? (
@@ -492,8 +494,9 @@ export default function Home() {
           <AuthForm />
         )}
       </div>
-      <div className="p-4 text-sm">
-        <p className="mb-2">Learn more</p>
+
+      <div className="px-2 py-4 text-sm">
+        <p className="mb-2 text-gray-400">Learn more</p>
         <ul className="list-disc list-inside space-y-2 mt-2">
           <li>
             <Link href="https://github.com">GitHub</Link>
@@ -1065,7 +1068,13 @@ export class AppModule {}`
 // src/api/templates/main.ts
 var main_default = {
   filename: "apps/api/src/main.ts",
-  template: `import 'dotenv/config';
+  template: `import dotenv from 'dotenv';
+import { resolve } from 'path';
+
+// Load root .env first, then local .env (local takes precedence)
+dotenv.config({ path: resolve(process.cwd(), '../../.env') });
+dotenv.config({ path: resolve(process.cwd(), '.env') });
+
 import { NestFactory } from '@nestjs/core';
 import { AppModule } from './app.module';
 
@@ -1977,7 +1986,7 @@ export default function Home() {
   return (
     <main className="max-w-lg mx-auto min-h-full px-4 py-8 space-y-4">
       <div className="pb-4 border-b">
-        <p className="font-mono text-xs text-muted-foreground">apps/web/page.tsx</p>
+        <p className="font-mono text-sm text-muted-foreground">apps/web/page.tsx</p>
         <p className="text-sm text-muted-foreground">Delete me to get started!</p>
       </div>
 
@@ -1998,7 +2007,7 @@ export default function Home() {
           </CardTitle>
         </CardHeader>
         <CardContent>
-          <p className="font-mono text-sm">apps/web/layout.tsx</p>
+          <p className="font-mono text-sm text-muted-foreground">apps/web/layout.tsx</p>
           <p className="text-sm text-muted-foreground">Next.js rendering</p>
         </CardContent>
       </Card>
@@ -2010,7 +2019,7 @@ export default function Home() {
           </CardTitle>
         </CardHeader>
         <CardContent>
-          <p className="font-mono text-sm">GET /api/hello</p>
+          <p className="font-mono text-sm text-muted-foreground">GET /api/hello</p>
           <pre className="mt-2 rounded-md border p-3 text-sm bg-muted/50">
             <code>{JSON.stringify(hello, null, 2)}</code>
           </pre>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newt-app/templates",
-  "version": "0.2.2",
+  "version": "0.4.0",
   "private": false,
   "description": "Templates for newt-app",
   "type": "module",