create-solostack 1.1.0 → 1.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-solostack",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "description": "The complete SaaS boilerplate for indie hackers - Next.js 15 with auth, payments, database, and email",
   "type": "module",
   "bin": {

package/src/constants.js

@@ -26,6 +26,8 @@ export const PACKAGE_VERSIONS = {
     'next-auth': '^5.0.0-beta.25',
     bcryptjs: '^2.4.3',
     '@types/bcryptjs': '^2.4.6',
+    '@supabase/ssr': '^0.0.10',
+    '@supabase/supabase-js': '^2.39.0',
 
     // Payments
     stripe: '^17.5.0',
@@ -70,6 +72,7 @@ export const DEFAULT_CONFIG = {
  */
 export const AUTH_PROVIDERS = [
     'NextAuth.js (Email + OAuth)',
+    'Supabase Auth',
 ];
 
 /**
@@ -77,6 +80,7 @@ export const AUTH_PROVIDERS = [
  */
 export const DATABASES = [
     'PostgreSQL + Prisma',
+    'Supabase',
 ];
 
 /**

package/src/generators/auth.js

@@ -2,11 +2,315 @@ import path from 'path';
 import { writeFile, ensureDir } from '../utils/files.js';
 
 /**
- * Generates NextAuth.js authentication configuration
+ * Generates authentication configuration (NextAuth or Supabase)
  * @param {string} projectPath - Path where the project is located
  * @param {string} authProvider - Auth provider type
  */
 export async function generateAuth(projectPath, authProvider) {
+  if (authProvider === 'Supabase Auth') {
+    await generateSupabaseAuth(projectPath);
+  } else {
+    await generateNextAuth(projectPath);
+  }
+}
+
+async function generateSupabaseAuth(projectPath) {
+  // Create utils directory
+  await ensureDir(path.join(projectPath, 'src/utils/supabase'));
+
+  // Create auth directories
+  await ensureDir(path.join(projectPath, 'src/app/auth/callback'));
+  await ensureDir(path.join(projectPath, 'src/app/login'));
+  await ensureDir(path.join(projectPath, 'src/app/private'));
+
+  // 1. Client Utility
+  const clientUtil = `import { createBrowserClient } from '@supabase/ssr'
+
+export function createClient() {
+  return createBrowserClient(
+    process.env.NEXT_PUBLIC_SUPABASE_URL!,
+    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
+  )
+}
+`;
+  await writeFile(path.join(projectPath, 'src/utils/supabase/client.ts'), clientUtil);
+
+  // 2. Server Utility
+  const serverUtil = `import { createServerClient, type CookieOptions } from '@supabase/ssr'
+import { cookies } from 'next/headers'
+
+export function createClient(cookieStore: ReturnType<typeof cookies>) {
+  return createServerClient(
+    process.env.NEXT_PUBLIC_SUPABASE_URL!,
+    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+    {
+      cookies: {
+        get(name: string) {
+          return cookieStore.get(name)?.value
+        },
+        set(name: string, value: string, options: CookieOptions) {
+          try {
+            cookieStore.set({ name, value, ...options })
+          } catch (error) {
+            // The \`set\` method was called from a Server Component.
+            // This can be ignored if you have middleware refreshing
+            // user sessions.
+          }
+        },
+        remove(name: string, options: CookieOptions) {
+          try {
+            cookieStore.set({ name, value: '', ...options })
+          } catch (error) {
+            // The \`delete\` method was called from a Server Component.
+            // This can be ignored if you have middleware refreshing
+            // user sessions.
+          }
+        },
+      },
+    }
+  )
+}
+`;
+  await writeFile(path.join(projectPath, 'src/utils/supabase/server.ts'), serverUtil);
+
+  // 3. MacOS/Middleware Utility
+  const middlewareUtil = `import { createServerClient, type CookieOptions } from '@supabase/ssr'
+import { NextResponse, type NextRequest } from 'next/server'
+
+export async function updateSession(request: NextRequest) {
+  let response = NextResponse.next({
+    request: {
+      headers: request.headers,
+    },
+  })
+
+  const supabase = createServerClient(
+    process.env.NEXT_PUBLIC_SUPABASE_URL!,
+    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+    {
+      cookies: {
+        get(name: string) {
+          return request.cookies.get(name)?.value
+        },
+        set(name: string, value: string, options: CookieOptions) {
+          request.cookies.set({
+            name,
+            value,
+            ...options,
+          })
+          response = NextResponse.next({
+            request: {
+              headers: request.headers,
+            },
+          })
+          response.cookies.set({
+            name,
+            value,
+            ...options,
+          })
+        },
+        remove(name: string, options: CookieOptions) {
+          request.cookies.set({
+            name,
+            value: '',
+            ...options,
+          })
+          response = NextResponse.next({
+            request: {
+              headers: request.headers,
+            },
+          })
+          response.cookies.set({
+            name,
+            value: '',
+            ...options,
+          })
+        },
+      },
+    }
+  )
+
+  await supabase.auth.getUser()
+
+  return response
+}
+`;
+  await writeFile(path.join(projectPath, 'src/utils/supabase/middleware.ts'), middlewareUtil);
+
+  // 4. Root Middleware
+  const middleware = `import { type NextRequest } from 'next/server'
+import { updateSession } from '@/utils/supabase/middleware'
+
+export async function middleware(request: NextRequest) {
+  return await updateSession(request)
+}
+
+export const config = {
+  matcher: [
+    /*
+     * Match all request paths except for the ones starting with:
+     * - _next/static (static files)
+     * - _next/image (image optimization files)
+     * - favicon.ico (favicon file)
+     * Feel free to modify this pattern to include more paths.
+     */
+    '/((?!_next/static|_next/image|favicon.ico|.*\\\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)',
+  ],
+}
+`;
+  await writeFile(path.join(projectPath, 'middleware.ts'), middleware);
+
+  // 5. Auth Callback Route
+  const routeCallback = `import { NextResponse } from 'next/server'
+import { cookies } from 'next/headers'
+import { createClient } from '@/utils/supabase/server'
+
+export async function GET(request: Request) {
+  const { searchParams } = new URL(request.url)
+  const code = searchParams.get('code')
+  const next = searchParams.get('next') ?? '/'
+
+  if (code) {
+    const cookieStore = cookies()
+    const supabase = createClient(cookieStore)
+    const { error } = await supabase.auth.exchangeCodeForSession(code)
+    if (!error) {
+      return NextResponse.redirect(new URL(next, request.url))
+    }
+  }
+
+  // return the user to an error page with instructions
+  return NextResponse.redirect(new URL('/auth/auth-code-error', request.url))
+}
+`;
+  await writeFile(path.join(projectPath, 'src/app/auth/callback/route.ts'), routeCallback);
+
+  // 6. Login Page (Supabase UI)
+  const loginPage = `'use client';
+import { createClient } from '@/utils/supabase/client';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { Rocket } from 'lucide-react';
+
+export default function LoginPage() {
+  const router = useRouter();
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [message, setMessage] = useState('');
+
+  const supabase = createClient();
+
+  const handleEmailLogin = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setLoading(true);
+    const { error } = await supabase.auth.signInWithPassword({
+      email,
+      password,
+    });
+    if (error) setMessage(error.message);
+    else {
+      router.refresh();
+      router.push('/');
+    }
+    setLoading(false);
+  };
+
+  const handleGitHubLogin = async () => {
+    await supabase.auth.signInWithOAuth({
+      provider: 'github',
+      options: {
+        redirectTo: \`\${location.origin}/auth/callback\`,
+      },
+    });
+  };
+
+  const handleGoogleLogin = async () => {
+    await supabase.auth.signInWithOAuth({
+      provider: 'google',
+      options: {
+        redirectTo: \`\${location.origin}/auth/callback\`,
+      },
+    });
+  };
+
+  return (
+    <div className="flex min-h-screen flex-col items-center justify-center bg-zinc-950 p-4 text-white">
+      <div className="w-full max-w-sm space-y-8 rounded-xl border border-zinc-800 bg-zinc-900/50 p-8 shadow-xl backdrop-blur-xl">
+        <div className="text-center">
+          <div className="mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-lg bg-indigo-600">
+            <Rocket className="h-6 w-6 text-white" />
+          </div>
+          <h2 className="text-2xl font-bold tracking-tight">Welcome back</h2>
+          <p className="mt-2 text-sm text-zinc-400">Sign in to your account</p>
+        </div>
+
+        <div className="space-y-4">
+          <button 
+             onClick={handleGitHubLogin}
+             className="w-full rounded-md border border-zinc-700 bg-zinc-800 py-2 text-sm font-medium hover:bg-zinc-700 transition-colors"
+          >
+            Continue with GitHub
+          </button>
+          <button 
+             onClick={handleGoogleLogin}
+             className="w-full rounded-md border border-zinc-700 bg-zinc-800 py-2 text-sm font-medium hover:bg-zinc-700 transition-colors"
+          >
+            Continue with Google
+          </button>
+        </div>
+
+        <div className="relative">
+          <div className="absolute inset-0 flex items-center">
+            <div className="w-full border-t border-zinc-800" />
+          </div>
+          <div className="relative flex justify-center text-xs uppercase">
+            <span className="bg-zinc-900 px-2 text-zinc-500">Or continue with</span>
+          </div>
+        </div>
+
+        <form onSubmit={handleEmailLogin} className="space-y-4">
+          <div>
+            <label className="mb-2 block text-sm font-medium text-zinc-400">Email</label>
+            <input
+              type="email"
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
+              className="w-full rounded-md border border-zinc-700 bg-zinc-900 px-3 py-2 text-sm placeholder:text-zinc-600 focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500"
+              required
+            />
+          </div>
+          <div>
+            <label className="mb-2 block text-sm font-medium text-zinc-400">Password</label>
+            <input
+              type="password"
+              value={password}
+              onChange={(e) => setPassword(e.target.value)}
+              className="w-full rounded-md border border-zinc-700 bg-zinc-900 px-3 py-2 text-sm placeholder:text-zinc-600 focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500"
+              required
+            />
+          </div>
+          
+          {message && <p className="text-sm text-red-400">{message}</p>}
+
+          <button
+            type="submit"
+            disabled={loading}
+            className="w-full rounded-md bg-indigo-600 py-2 text-sm font-medium text-white hover:bg-indigo-500 disabled:opacity-50"
+          >
+            {loading ? 'Signing in...' : 'Sign In'}
+          </button>
+        </form>
+      </div>
+    </div>
+  );
+}
+`;
+
+  await writeFile(path.join(projectPath, 'src/app/login/page.tsx'), loginPage);
+}
+
+async function generateNextAuth(projectPath) {
   // Create auth directory
   await ensureDir(path.join(projectPath, 'src/app/api/auth/[...nextauth]'));
   await ensureDir(path.join(projectPath, 'src/app/(auth)/login'));

package/src/generators/base.js

@@ -1,59 +1,54 @@
-import path from 'path';
-import { writeFile, renderTemplateToFile, getTemplatePath, ensureDir } from '../utils/files.js';
+import path from 'path';
+import { writeFile, ensureDir } from '../utils/files.js';
 import { PACKAGE_VERSIONS } from '../constants.js';
 
-/**
- * Generates the base Next.js 15 project structure
- * @param {string} projectPath - Path where the project should be generated
- * @param {string} projectName - Name of the project
- * @param {object} config - Project configuration
- */
 export async function generateBase(projectPath, projectName, config) {
-  // Create directory structure
+  // Create project directory
+  await ensureDir(projectPath);
+
+  // Create src/app directory
   await ensureDir(path.join(projectPath, 'src/app'));
-  await ensureDir(path.join(projectPath, 'src/components'));
-  await ensureDir(path.join(projectPath, 'src/lib'));
+
+  // Create public directory
   await ensureDir(path.join(projectPath, 'public'));
 
-  //Generate package.json
+  // Generate package.json
   const packageJson = {
     name: projectName,
     version: '0.1.0',
     private: true,
-    type: 'module',
+    type: "module",
     scripts: {
       dev: 'next dev',
       build: 'next build',
       start: 'next start',
       lint: 'next lint',
-      'db:push': 'prisma db push',
-      'db:seed': 'tsx prisma/seed.ts',
-      'db:studio': 'prisma studio',
+      "db:push": "prisma db push",
+      "db:seed": "tsx prisma/seed.ts",
+      "db:studio": "prisma studio",
+      postinstall: "prisma generate"
     },
     dependencies: {
       next: PACKAGE_VERSIONS.next,
       react: PACKAGE_VERSIONS.react,
-      'react-dom': PACKAGE_VERSIONS.reactDom,
-      '@prisma/client': PACKAGE_VERSIONS['@prisma/client'],
+      'react-dom': PACKAGE_VERSIONS['react-dom'],
       'next-auth': PACKAGE_VERSIONS['next-auth'],
-      bcryptjs: PACKAGE_VERSIONS.bcryptjs,
+      '@prisma/client': PACKAGE_VERSIONS['@prisma/client'],
       stripe: PACKAGE_VERSIONS.stripe,
       resend: PACKAGE_VERSIONS.resend,
-      '@react-email/components': PACKAGE_VERSIONS['@react-email/components'],
       zod: PACKAGE_VERSIONS.zod,
-      'react-hook-form': PACKAGE_VERSIONS['react-hook-form'],
-      '@hookform/resolvers': PACKAGE_VERSIONS['@hookform/resolvers'],
-      'class-variance-authority': PACKAGE_VERSIONS['class-variance-authority'],
-      clsx: PACKAGE_VERSIONS.clsx,
-      'tailwind-merge': PACKAGE_VERSIONS['tailwind-merge'],
-      'tailwindcss-animate': PACKAGE_VERSIONS['tailwindcss-animate'],
       'lucide-react': PACKAGE_VERSIONS['lucide-react'],
-      '@radix-ui/react-dropdown-menu': PACKAGE_VERSIONS['@radix-ui/react-dropdown-menu'],
+      'date-fns': PACKAGE_VERSIONS['date-fns'],
+      'clsx': PACKAGE_VERSIONS.clsx,
+      'tailwind-merge': PACKAGE_VERSIONS['tailwind-merge'],
       '@radix-ui/react-slot': PACKAGE_VERSIONS['@radix-ui/react-slot'],
-      '@radix-ui/react-toast': PACKAGE_VERSIONS['@radix-ui/react-toast'],
-      '@radix-ui/react-dialog': PACKAGE_VERSIONS['@radix-ui/react-dialog'],
-      '@radix-ui/react-label': PACKAGE_VERSIONS['@radix-ui/react-label'],
-      '@auth/prisma-adapter': PACKAGE_VERSIONS['@auth/prisma-adapter'],
+      '@radix-ui/react-label': '^2.0.2',
+      'class-variance-authority': '^0.7.0',
+      'tailwindcss-animate': '^1.0.7',
+      ...(config?.auth === 'Supabase Auth' || config?.database === 'Supabase' ? {
+        '@supabase/ssr': PACKAGE_VERSIONS['@supabase/ssr'],
+        '@supabase/supabase-js': PACKAGE_VERSIONS['@supabase/supabase-js'],
+      } : {}),
     },
     devDependencies: {
       typescript: PACKAGE_VERSIONS.typescript,
@@ -112,7 +107,14 @@ export async function generateBase(projectPath, projectName, config) {
 
   // Generate next.config.js
   const nextConfig = `/** @type {import('next').NextConfig} */
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
 const nextConfig = {
+  outputFileTracingRoot: __dirname,
   experimental: {
     serverActions: {
       bodySizeLimit: '2mb',
@@ -310,49 +312,208 @@ export default function RootLayout({
   await writeFile(path.join(projectPath, 'src/app/layout.tsx'), layoutTsx);
 
   // Generate app/page.tsx
-  const pageTsx = `export default function Home() {
+  const pageTsx = `'use client';
+
+import { useState, useEffect } from 'react';
+import Link from 'next/link';
+import { Rocket, Users, DollarSign, Code, Database, CreditCard, Mail, Lock, CheckCircle2, Trophy, ArrowRight, Play, TrendingUp, Box } from 'lucide-react';
+
+export default function Home() {
+  const [mounted, setMounted] = useState(false);
+  const [stats, setStats] = useState({
+    mrr: 0,
+    users: 0,
+    shipped: 0
+  });
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  const incrementStats = () => {
+    setStats(prev => ({
+      mrr: prev.mrr + 100,
+      users: prev.users + 5,
+      shipped: prev.shipped + 1
+    }));
+  };
+
+  if (!mounted) return null;
+
   return (
-    <main className="flex min-h-screen flex-col items-center justify-center p-24">
-      <div className="z-10 max-w-5xl w-full items-center justify-center font-mono text-sm">
-        <h1 className="text-4xl font-bold text-center mb-4">
-          Welcome to ${projectName}
-        </h1>
-        <p className="text-center text-muted-foreground">
-          Built with SoloStack - Your Next.js SaaS boilerplate
-        </p>
-        <div className="mt-8 grid grid-cols-1 md:grid-cols-2 gap-4">
-          <div className="p-6 border rounded-lg">
-            <h2 className="text-xl font-semibold mb-2">✅ Authentication</h2>
-            <p className="text-sm text-muted-foreground">
-              NextAuth.js configured with email and OAuth providers
-            </p>
+    <div className="min-h-screen bg-zinc-950 text-zinc-50 font-sans selection:bg-indigo-500/30">
+      
+      {/* Navigation */}
+      <nav className="fixed w-full z-50 border-b border-zinc-800 bg-zinc-950/80 backdrop-blur-md">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="flex justify-between h-16 items-center">
+            <div className="flex items-center gap-2">
+              <div className="h-8 w-8 bg-indigo-600 rounded-lg flex items-center justify-center">
+                <Rocket className="h-5 w-5 text-white" />
+              </div>
+              <span className="text-xl font-bold tracking-tight">${projectName}</span>
+            </div>
+            <div className="flex items-center gap-4">
+               {process.env.NODE_ENV === 'development' && (
+                <Link
+                  href="/setup"
+                  className="text-sm font-medium text-zinc-400 hover:text-white transition-colors flex items-center gap-2"
+                >
+                  <CheckCircle2 className="h-4 w-4" />
+                  Diagnostics
+                </Link>
+              )}
+              <Link 
+                href="/login"
+                className="text-sm font-medium text-zinc-400 hover:text-white transition-colors"
+              >
+                Sign In
+              </Link>
+              <Link
+                href="/signup"
+                className="inline-flex items-center justify-center rounded-md bg-white px-4 py-2 text-sm font-medium text-zinc-950 shadow-sm hover:bg-zinc-200 transition-colors"
+              >
+                Get Started
+              </Link>
+            </div>
           </div>
-          <div className="p-6 border rounded-lg">
-            <h2 className="text-xl font-semibold mb-2">✅ Database</h2>
-            <p className="text-sm text-muted-foreground">
-              Prisma + PostgreSQL ready to use
-            </p>
+        </div>
+      </nav>
+
+      {/* Hero Section */}
+      <div className="relative pt-32 pb-20 sm:pt-40 sm:pb-24 overflow-hidden">
+        
+        <div className="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center z-10">
+          <div className="inline-flex items-center rounded-full border border-zinc-800 bg-zinc-900/50 px-3 py-1 text-sm text-zinc-400 mb-8 backdrop-blur-xl">
+            <span className="flex h-2 w-2 rounded-full bg-emerald-500 mr-2 animate-pulse"></span>
+            v1.2.1 is now live
           </div>
-          <div className="p-6 border rounded-lg">
-            <h2 className="text-xl font-semibold mb-2">✅ Payments</h2>
-            <p className="text-sm text-muted-foreground">
-              Stripe integration for subscriptions
-            </p>
+          
+          <h1 className="text-5xl sm:text-7xl font-bold tracking-tight mb-8 bg-gradient-to-b from-white to-zinc-500 bg-clip-text text-transparent pb-2">
+            Build your SaaS <br className="hidden sm:block" />
+            <span className="text-white">in record time.</span>
+          </h1>
+          
+          <p className="mt-4 text-xl text-zinc-400 max-w-2xl mx-auto mb-10 leading-relaxed">
+            The modern stack for ambitious developers. Authentication, payments, database, and emails — configured and ready to scale.
+          </p>
+
+          <div className="flex flex-col sm:flex-row items-center justify-center gap-4">
+            <Link
+              href="/signup"
+              className="w-full sm:w-auto inline-flex items-center justify-center gap-2 rounded-lg bg-indigo-600 px-8 py-3.5 text-sm font-semibold text-white shadow-lg hover:bg-indigo-500 transition-all hover:scale-105 active:scale-95"
+            >
+              Start Building <ArrowRight className="h-4 w-4" />
+            </Link>
+            <a
+              href="https://github.com/yourusername/create-solostack"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="w-full sm:w-auto inline-flex items-center justify-center gap-2 rounded-lg border border-zinc-800 bg-zinc-900/50 px-8 py-3.5 text-sm font-medium text-zinc-300 hover:bg-zinc-800 hover:text-white transition-all backdrop-blur-sm"
+            >
+              Star on GitHub
+            </a>
           </div>
-          <div className="p-6 border rounded-lg">
-            <h2 className="text-xl font-semibold mb-2">✅ Emails</h2>
-            <p className="text-sm text-muted-foreground">
-              Resend configured for transactional emails
-            </p>
+
+          {/* Interactive Game: SaaS Simulator */}
+          <div className="mt-20 max-w-4xl mx-auto">
+             <div className="relative rounded-xl border border-zinc-800 bg-zinc-900/50 p-2 backdrop-blur-xl shadow-2xl">
+               <div className="absolute -inset-1 rounded-xl bg-gradient-to-r from-indigo-500/20 via-purple-500/20 to-pink-500/20 blur opacity-75"></div>
+               <div className="relative rounded-lg bg-zinc-950 p-8">
+                 <div className="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8">
+                    <div className="p-4 rounded-lg bg-zinc-900/50 border border-zinc-800">
+                      <div className="flex items-center gap-2 text-zinc-400 mb-2">
+                        <TrendingUp className="h-4 w-4 text-emerald-500" /> MRR
+                      </div>
+                      <div className="text-3xl font-mono font-bold text-white">
+                        \${stats.mrr.toLocaleString()}
+                      </div>
+                    </div>
+                    <div className="p-4 rounded-lg bg-zinc-900/50 border border-zinc-800">
+                      <div className="flex items-center gap-2 text-zinc-400 mb-2">
+                        <Users className="h-4 w-4 text-blue-500" /> Users
+                      </div>
+                      <div className="text-3xl font-mono font-bold text-white">
+                        {stats.users.toLocaleString()}
+                      </div>
+                    </div>
+                    <div className="p-4 rounded-lg bg-zinc-900/50 border border-zinc-800">
+                      <div className="flex items-center gap-2 text-zinc-400 mb-2">
+                         <Box className="h-4 w-4 text-purple-500" /> Shipped
+                      </div>
+                      <div className="text-3xl font-mono font-bold text-white">
+                         {stats.shipped}
+                      </div>
+                    </div>
+                 </div>
+                 
+                 <div className="text-center">
+                    <p className="text-zinc-500 mb-6 font-mono text-sm">
+                      > CLICK_BELOW_TO_SIMULATE_GROWTH.exe
+                    </p>
+                    <button 
+                      onClick={incrementStats}
+                      className="group relative inline-flex items-center justify-center rounded-full bg-zinc-100 px-8 py-4 font-bold text-zinc-950 transition-all hover:scale-105 active:scale-95 shadow-lg hover:shadow-indigo-500/20"
+                    >
+                      <Play className="mr-2 h-5 w-5 fill-zinc-950 transition-transform group-hover:translate-x-1" />
+                      SHIP FEATURE
+                    </button>
+                    <p className="mt-4 text-xs text-zinc-600">
+                      * Results may vary. Consistency is key.
+                    </p>
+                 </div>
+               </div>
+             </div>
           </div>
         </div>
-        <div className="mt-8 text-center">
-          <p className="text-sm text-muted-foreground">
-            Get started by editing <code className="font-mono bg-muted px-2 py-1 rounded">src/app/page.tsx</code>
-          </p>
+
+        {/* Background Gradients */}
+        <div className="absolute top-0 left-0 right-0 h-[500px] bg-[radial-gradient(circle_at_50%_0%,rgba(99,102,241,0.15),transparent_70%)] pointer-events-none"></div>
+      </div>
+
+      {/* Features Grid */}
+      <div className="py-24 border-t border-zinc-900 bg-zinc-950">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+            <FeatureCard 
+              icon={<Lock className="h-6 w-6 text-indigo-400" />}
+              title="Authentication"
+              description="Secure user management with NextAuth or Supabase. Login, signup, and protected routes."
+            />
+            <FeatureCard 
+              icon={<Database className="h-6 w-6 text-emerald-400" />}
+              title="Database"
+              description="Type-safe data access with Prisma and PostgreSQL. Seeding scripts included."
+            />
+            <FeatureCard 
+              icon={<CreditCard className="h-6 w-6 text-purple-400" />}
+              title="Payments"
+              description="Stripe integration with checkout sessions, webhooks, and subscription management."
+            />
+            <FeatureCard 
+              icon={<Mail className="h-6 w-6 text-pink-400" />}
+              title="Emails"
+              description="Transactional emails with Resend and React Email. Beautiful templates out of the box."
+            />
+          </div>
         </div>
       </div>
-    </main>
+
+      {/* Footer */}
+      <footer className="border-t border-zinc-900 bg-zinc-950 py-12">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center gap-6">
+           <div className="flex items-center gap-2">
+              <div className="h-6 w-6 bg-zinc-800 rounded flex items-center justify-center">
+                <Rocket className="h-3 w-3 text-zinc-400" />
+              </div>
+              <span className="text-sm font-semibold text-zinc-300">${projectName}</span>
+           </div>
+           <p className="text-sm text-zinc-500">
+             Built with create-solostack.
+           </p>
+        </div>
+      </footer>
+    </div>
   );
 }
 `;
@@ -361,52 +522,57 @@ export default function RootLayout({
 
   // Generate .env.example
   const envExample = `# Database
-DATABASE_URL="postgresql://user:password@localhost:5432/dbname"
-# For cloud databases, add ?sslmode=require to the connection string
+  DATABASE_URL = "postgresql://user:password@localhost:5432/dbname"
+# For cloud databases, add ? sslmode = require to the connection string
 
 # NextAuth
-NEXTAUTH_SECRET="" # Generate with: openssl rand -base64 32
-NEXTAUTH_URL="http://localhost:3000"
+  NEXTAUTH_SECRET = "" # Generate with: openssl rand - base64 32
+  NEXTAUTH_URL = "http://localhost:3000"
 # In production, set to your domain: https://yourdomain.com
 
 # Stripe
-STRIPE_SECRET_KEY="sk_test_..."
-STRIPE_WEBHOOK_SECRET="whsec_..."
-NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY="pk_test_..."
+  STRIPE_SECRET_KEY = "sk_test_..."
+  STRIPE_WEBHOOK_SECRET = "whsec_..."
+  NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY = "pk_test_..."
 # Create price IDs in Stripe Dashboard -> Products
-STRIPE_PRO_PRICE_ID="price_..." # Monthly Pro plan price ID
-STRIPE_ENTERPRISE_PRICE_ID="price_..." # Monthly Enterprise plan price ID
+  STRIPE_PRO_PRICE_ID = "price_..." # Monthly Pro plan price ID
+  STRIPE_ENTERPRISE_PRICE_ID = "price_..." # Monthly Enterprise plan price ID
 
 # Resend
-RESEND_API_KEY="re_..."
-FROM_EMAIL="onboarding@resend.dev" # Use your verified domain
+  RESEND_API_KEY = "re_..."
+  FROM_EMAIL = "onboarding@resend.dev" # Use your verified domain
 
-# OAuth Providers (Optional)
+# OAuth Providers(Optional)
 # Google: https://console.cloud.google.com/apis/credentials
-GOOGLE_CLIENT_ID=""
-GOOGLE_CLIENT_SECRET=""
+  GOOGLE_CLIENT_ID = ""
+  GOOGLE_CLIENT_SECRET = ""
 # GitHub: https://github.com/settings/developers
-GITHUB_CLIENT_ID=""
-GITHUB_CLIENT_SECRET=""
-`;
+  GITHUB_CLIENT_ID = ""
+  GITHUB_CLIENT_SECRET = ""${config?.auth === 'Supabase Auth' || config?.database === 'Supabase' ? `
+
+# Supabase
+NEXT_PUBLIC_SUPABASE_URL="https://your-project.supabase.co"
+NEXT_PUBLIC_SUPABASE_ANON_KEY="your-anon-key"` : ''
+    }
+  `;
 
   await writeFile(path.join(projectPath, '.env.example'), envExample);
 
   // Generate README.md
-  const readme = `# ${projectName}
+  const readme = "# " + projectName + `
 
 Built with [SoloStack](https://github.com/yourusername/create-solostack) - The complete SaaS boilerplate for indie hackers.
 
 ## Features
 
-- ✅ **Next.js 15** with App Router
-- ✅ **TypeScript** for type safety
-- ✅ **Tailwind CSS** for styling
-- ✅ **Prisma** + PostgreSQL for database
-- ✅ **NextAuth.js** for authentication
-- ✅ **Stripe** for payments
-- ✅ **Resend** for emails
-- ✅ **shadcn/ui** components
+  - ✅ ** Next.js 15 ** with App Router
+    - ✅ ** TypeScript ** for type safety
+      - ✅ ** Tailwind CSS ** for styling
+        - ✅ ** Prisma ** + PostgreSQL for database
+          - ✅ ** NextAuth.js ** for authentication
+            - ✅ ** Stripe ** for payments
+              - ✅ ** Resend ** for emails
+                - ✅ ** shadcn / ui ** components
 
 ## Getting Started
 
@@ -443,16 +609,16 @@ Open [http://localhost:3000](http://localhost:3000) with your browser.
 
 \`\`\`
 ${projectName}/
-├── prisma/              # Database schema and migrations
-├── public/              # Static assets
-├── src/
-│   ├── app/            # Next.js app directory
-│   │   ├── api/        # API routes
-│   │   ├── (auth)/     # Auth pages
-│   │   └── dashboard/  # Protected pages
-│   ├── components/     # React components
-│   └── lib/            # Utilities and configurations
-└── package.json
+├── prisma/              # Database schema and migrations
+├── public/              # Static assets
+├── src/
+│   ├── app/            # Next.js app directory
+│   │   ├── api/        # API routes
+│   │   ├── (auth)/     # Auth pages
+│   │   └── dashboard/  # Protected pages
+│   ├── components/     # React components
+│   └── lib/            # Utilities and configurations
+└── package.json
 \`\`\`
 
 ## Available Scripts

package/src/generators/database.js

@@ -4,22 +4,89 @@ import { writeFile, ensureDir } from '../utils/files.js';
 /**
  * Generates Prisma database configuration
  * @param {string} projectPath - Path where the project is located
- * @param {string} database - Database type (currently only PostgreSQL supported)
+ * @param {object} config - Configuration object
  */
-export async function generateDatabase(projectPath, database) {
+export async function generateDatabase(projectPath, config) {
   // Create prisma directory
   await ensureDir(path.join(projectPath, 'prisma'));
 
-  // Generate schema.prisma
-  const schemaPrisma = `generator client {
-  provider = "prisma-client-js"
+  // Define schema based on Auth provider
+  const isSupabaseAuth = config.auth === 'Supabase Auth';
+
+  let schemaModels = '';
+
+  if (isSupabaseAuth) {
+    // Schema for Supabase Auth (simplified User, no adapter tables)
+    schemaModels = `
+model User {
+  id                String         @id @default(uuid())
+  email             String         @unique
+  name              String?
+  image             String?
+  stripeCustomerId  String?        @unique
+  subscription      Subscription?
+  createdAt         DateTime       @default(now())
+  updatedAt         DateTime       @updatedAt
+  
+  payments          Payment[]
 }
 
-datasource db {
-  provider = "postgresql"
-  url      = env("DATABASE_URL")
+// Note: Account, Session, VerificationToken are not needed for Supabase Auth
+
+model Subscription {
+  id                   String              @id @default(cuid())
+  userId               String              @unique
+  user                 User                @relation(fields: [userId], references: [id], onDelete: Cascade)
+  stripeSubscriptionId String              @unique
+  stripePriceId        String
+  status               SubscriptionStatus
+  currentPeriodStart   DateTime
+  currentPeriodEnd     DateTime
+  cancelAtPeriodEnd    Boolean             @default(false)
+  createdAt            DateTime            @default(now())
+  updatedAt            DateTime            @updatedAt
+}
+
+model Payment {
+  id               String   @id @default(cuid())
+  userId           String
+  user             User     @relation(fields: [userId], references: [id], onDelete: Cascade)
+  stripePaymentId  String   @unique
+  amount           Int      // In cents
+  currency         String   @default("usd")
+  status           String
+  createdAt        DateTime @default(now())
+  
+  @@index([userId])
+}
+
+model StripeEvent {
+  id               String   @id @default(cuid())
+  eventId          String   @unique  // Stripe event ID
+  type             String             // Event type (e.g., "checkout.session.completed")
+  processed        Boolean  @default(false)
+  createdAt        DateTime @default(now())
+  
+  @@index([eventId])
+  @@index([processed])
+}
+
+enum Role {
+  USER
+  ADMIN
 }
 
+enum SubscriptionStatus {
+  ACTIVE
+  CANCELED
+  PAST_DUE
+  TRIALING
+  INCOMPLETE
+}
+`;
+  } else {
+    // Standard Schema for NextAuth (with Adapter tables)
+    schemaModels = `
 model User {
   id                String         @id @default(cuid())
   email             String         @unique
@@ -124,6 +191,19 @@ enum SubscriptionStatus {
   TRIALING
   INCOMPLETE
 }
+`;
+  }
+
+  // Generate schema.prisma
+  const schemaPrisma = `generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider = "postgresql"
+  url      = env("DATABASE_URL")
+}
+${schemaModels}
 `;
 
   await writeFile(path.join(projectPath, 'prisma/schema.prisma'), schemaPrisma);
@@ -143,7 +223,36 @@ if (process.env.NODE_ENV !== 'production') globalForPrisma.prisma = db;
   await writeFile(path.join(projectPath, 'src/lib/db.ts'), dbClient);
 
   // Generate seed script
-  const seedScript = `import { PrismaClient } from '@prisma/client';
+  let seedScript = '';
+
+  if (isSupabaseAuth) {
+    seedScript = `import { PrismaClient } from '@prisma/client';
+
+const prisma = new PrismaClient();
+
+async function main() {
+  console.log('🌱 Seeding database...');
+
+  console.log('⚠️  Using Supabase Auth: Users should be created via the Application UI or Supabase Dashboard.');
+  console.log('⚠️  Prisma seed will skip User creation to avoid conflicts with triggers/auth.users.');
+  
+  // Example of seeding other data if needed
+  // ...
+
+  console.log('🎉 Seeding complete!');
+}
+
+main()
+  .catch((e) => {
+    console.error('❌ Seeding failed:', e);
+    process.exit(1);
+  })
+  .finally(async () => {
+    await prisma.$disconnect();
+  });
+`;
+  } else {
+    seedScript = `import { PrismaClient } from '@prisma/client';
 import bcrypt from 'bcryptjs';
 
 const prisma = new PrismaClient();
@@ -194,12 +303,20 @@ main()
     await prisma.$disconnect();
   });
 `;
+  }
 
   await writeFile(path.join(projectPath, 'prisma/seed.ts'), seedScript);
 
   // Generate database migration guide
   const dbGuide = `# Database Setup Guide
-
+${isSupabaseAuth ? `
+## Supabase Setup (Important)
+Since you are using **Supabase Auth**, you should use Supabase as your database provider.
+
+1. Create a project at [supabase.com](https://supabase.com).
+2. Go to Project Settings -> Database -> Connection String.
+3. Copy the URI (Mode: Transaction or Session).
+` : ''}
 ## Initial Setup
 
 ### 1. Set up your PostgreSQL database
@@ -229,8 +346,8 @@ GRANT ALL PRIVILEGES ON DATABASE your_database_name TO your_user;
 \`\`\`
 
 **Option B: Cloud Database (Recommended for Production)**
+- [Supabase](https://supabase.com) - Free tier (Required if using Supabase Auth)
 - [Neon](https://neon.tech) - Free tier with PostgreSQL
-- [Supabase](https://supabase.com) - Free tier with PostgreSQL
 - [Railway](https://railway.app) - Easy PostgreSQL deployment
 - [Vercel Postgres](https://vercel.com/storage/postgres) - Serverless PostgreSQL
 
@@ -259,10 +376,11 @@ This command:
 npm run db:seed
 \`\`\`
 
+${!isSupabaseAuth ? `
 This creates:
 - Test user: test@example.com (password: password123)
 - Admin user: admin@example.com (password: password123)
-
+` : ''}
 ## Making Schema Changes
 
 ### 1. Edit prisma/schema.prisma
@@ -317,48 +435,6 @@ npx prisma migrate reset
 # View database structure
 npx prisma db pull
 \`\`\`
-
-## Backup & Restore
-
-### Backup
-\`\`\`bash
-pg_dump -U your_user -d your_database > backup.sql
-\`\`\`
-
-### Restore
-\`\`\`bash
-psql -U your_user -d your_database < backup.sql
-\`\`\`
-
-## Troubleshooting
-
-### Connection Issues
-- Verify DATABASE_URL is correct
-- Check if PostgreSQL is running
-- Ensure database exists
-- Check firewall settings for remote connections
-
-### Migration Conflicts
-\`\`\`bash
-# Reset migrations (development only)
-npx prisma migrate reset
-
-# Mark migration as applied without running
-npx prisma migrate resolve --applied migration_name
-\`\`\`
-
-### Performance
-- Add indexes for frequently queried fields
-- Use \`@@index\` in your schema
-- Monitor with \`EXPLAIN ANALYZE\` in PostgreSQL
-
-## Best Practices
-
-1. **Always backup before major migrations**
-2. **Test migrations on staging first**
-3. **Use migrations (not db push) in production**
-4. **Keep DATABASE_URL in .env, never commit it**
-5. **Use connection pooling for serverless (e.g., Prisma Data Proxy)**
 `;
 
   await writeFile(path.join(projectPath, 'prisma/DATABASE_GUIDE.md'), dbGuide);

package/src/index.js

@@ -68,13 +68,6 @@ export async function main() {
 
     // Ask configuration questions
     const config = await inquirer.prompt([
-        {
-            type: 'list',
-            name: 'auth',
-            message: 'Choose authentication:',
-            choices: AUTH_PROVIDERS,
-            default: AUTH_PROVIDERS[0],
-        },
         {
             type: 'list',
             name: 'database',
@@ -82,6 +75,13 @@ export async function main() {
             choices: DATABASES,
             default: DATABASES[0],
         },
+        {
+            type: 'list',
+            name: 'auth',
+            message: 'Choose authentication:',
+            choices: AUTH_PROVIDERS,
+            default: (answers) => answers.database === 'Supabase' ? 'Supabase Auth' : AUTH_PROVIDERS[0],
+        },
         {
             type: 'list',
             name: 'payments',
@@ -126,7 +126,7 @@ export async function main() {
 
         // Generate database integration
         spinner = ora('Configuring database').start();
-        await generateDatabase(projectPath, config.database);
+        await generateDatabase(projectPath, config);
         spinner.succeed('Configured database (Prisma + PostgreSQL)');
 
         // Generate authentication