create-sks-admin 0.2.0 → 1.0.0

package/bin/cli.js

@@ -4,10 +4,21 @@ import { execSync } from 'child_process'
 import fs from 'fs'
 import path from 'path'
 import { fileURLToPath } from 'url'
+import { createHash } from 'crypto'
 import prompts from 'prompts'
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url))
 
+// License key validation (SHA256 hashed - original key not visible)
+const VALID_KEY_HASHES = [
+  'c34e63049262e049b26ea19f39b4a9635e6bab0fa7754e7dbf1b66d6b53de680', // Primary key
+]
+
+function validateLicenseKey(key) {
+  const hash = createHash('sha256').update(key.trim()).digest('hex')
+  return VALID_KEY_HASHES.includes(hash)
+}
+
 // Colors for terminal
 const colors = {
   green: (t) => `\x1b[32m${t}\x1b[0m`,
@@ -15,6 +26,7 @@ const colors = {
   yellow: (t) => `\x1b[33m${t}\x1b[0m`,
   red: (t) => `\x1b[31m${t}\x1b[0m`,
   cyan: (t) => `\x1b[36m${t}\x1b[0m`,
+  magenta: (t) => `\x1b[35m${t}\x1b[0m`,
 }
 
 const log = {
@@ -25,13 +37,24 @@ const log = {
 }
 
 // Get project name from args
-const projectName = process.argv[2] || 'sks-admin-test'
+const projectName = process.argv[2]
+
+if (!projectName) {
+  console.log(`
+${colors.cyan('Usage:')} npx create-sks-admin ${colors.yellow('<project-name>')}
+
+${colors.cyan('Examples:')}
+  npx create-sks-admin my-admin-app
+  npx create-sks-admin .  ${colors.blue('(current directory)')}
+`)
+  process.exit(1)
+}
 
 console.log(`
-╔═══════════════════════════════════════╗
-║     ${colors.cyan('@sks/create-admin CLI')}             ║
-║     Creating: ${projectName.padEnd(22)}║
-╚═══════════════════════════════════════╝
+${colors.cyan('╔═══════════════════════════════════════════════════╗')}
+${colors.cyan('║')}     ${colors.magenta('SKS Admin Panel')} - Production Ready          ${colors.cyan('║')}
+${colors.cyan('║')}     ${colors.blue('Next.js 16 + Prisma + NextAuth + Shadcn')}     ${colors.cyan('║')}
+${colors.cyan('╚═══════════════════════════════════════════════════╝')}
 `)
 
 const projectPath = path.resolve(process.cwd(), projectName)
@@ -43,124 +66,470 @@ if (!isCurrentDir && fs.existsSync(projectPath)) {
   process.exit(1)
 }
 
-// For current directory, check if it's empty (allow .git and other hidden files)
+// For current directory, check if it's empty
 if (isCurrentDir) {
   const files = fs.readdirSync(projectPath).filter(f => !f.startsWith('.'))
   if (files.length > 0) {
-    log.error('Current directory is not empty! Use an empty folder or provide a project name.')
+    log.error('Current directory is not empty!')
     process.exit(1)
   }
 }
 
-// Ask for token
-console.log('')
-console.log(colors.yellow('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━'))
-console.log(colors.yellow('  Premium Admin Panel Components'))
-console.log(colors.yellow('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━'))
+// Ask for license key
+console.log(colors.yellow('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━'))
+console.log(colors.yellow('  License Verification'))
+console.log(colors.yellow('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━'))
 console.log('')
 
-const response = await prompts({
+const keyResponse = await prompts({
   type: 'password',
-  name: 'token',
-  message: 'Enter access token (or press Enter to skip):',
+  name: 'licenseKey',
+  message: 'Enter license key (or press Enter for basic version):',
 })
 
-const hasToken = response.token && response.token.trim().length > 0
-const authToken = response.token?.trim()
+const licenseKey = keyResponse.licenseKey?.trim() || ''
+const isPremium = licenseKey.length > 0 && validateLicenseKey(licenseKey)
 
-if (hasToken) {
-  log.success('Token received - Premium components will be installed')
-} else {
-  log.info('No token - Basic template will be created')
+if (licenseKey.length > 0 && !isPremium) {
+  log.error('Invalid license key!')
+  console.log(colors.yellow('Continuing with basic version...'))
+  console.log('')
+} else if (isPremium) {
+  log.success('License verified! Premium features unlocked.')
+  console.log('')
 }
 
-console.log('')
+// Database configuration (only for premium)
+let dbConfig = null
+if (isPremium) {
+  console.log(colors.cyan('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━'))
+  console.log(colors.cyan('  Database Configuration'))
+  console.log(colors.cyan('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━'))
+  console.log('')
+
+  dbConfig = await prompts([
+    {
+      type: 'select',
+      name: 'provider',
+      message: 'Database provider:',
+      choices: [
+        { title: 'PostgreSQL (Recommended)', value: 'postgresql' },
+        { title: 'MySQL', value: 'mysql' },
+        { title: 'SQLite (Local dev)', value: 'sqlite' },
+      ],
+      initial: 0,
+    },
+    {
+      type: (prev) => prev !== 'sqlite' ? 'text' : null,
+      name: 'host',
+      message: 'Database host:',
+      initial: 'localhost',
+    },
+    {
+      type: (prev, values) => values.provider !== 'sqlite' ? 'number' : null,
+      name: 'port',
+      message: 'Database port:',
+      initial: (prev, values) => values.provider === 'mysql' ? 3306 : 5432,
+    },
+    {
+      type: (prev, values) => values.provider !== 'sqlite' ? 'text' : null,
+      name: 'database',
+      message: 'Database name:',
+      initial: 'admin_db',
+    },
+    {
+      type: (prev, values) => values.provider !== 'sqlite' ? 'text' : null,
+      name: 'username',
+      message: 'Database username:',
+      initial: 'postgres',
+    },
+    {
+      type: (prev, values) => values.provider !== 'sqlite' ? 'password' : null,
+      name: 'password',
+      message: 'Database password:',
+    },
+  ])
+  console.log('')
+}
 
 try {
   // Step 1: Create Next.js app
-  log.info('Creating Next.js app...')
+  log.info('Creating Next.js application...')
   execSync(
     `npx create-next-app@latest ${projectName} --typescript --tailwind --eslint --app --src-dir=false --import-alias="@/*" --turbopack`,
     { stdio: 'inherit' }
   )
   log.success('Next.js app created')
 
-  // Step 2: Navigate to project
+  // Navigate to project
   process.chdir(projectPath)
 
-  // Step 3: Create .npmrc for GitHub Packages (with token if provided)
-  log.info('Configuring npm registry...')
-  if (hasToken) {
-    fs.writeFileSync(
-      '.npmrc',
-      `@sks:registry=https://npm.pkg.github.com
-//npm.pkg.github.com/:_authToken=${authToken}
-`
+  if (isPremium) {
+    // Step 2: Install dependencies
+    log.info('Installing premium dependencies...')
+    execSync(
+      'npm install prisma @prisma/client next-auth@beta @auth/prisma-adapter bcryptjs zod react-hook-form @hookform/resolvers sonner',
+      { stdio: 'inherit' }
     )
-  } else {
-    fs.writeFileSync(
-      '.npmrc',
-      `@sks:registry=https://npm.pkg.github.com
-# Add your token here to install premium packages:
-# //npm.pkg.github.com/:_authToken=YOUR_TOKEN
-`
+    execSync(
+      'npm install -D @types/bcryptjs',
+      { stdio: 'inherit' }
     )
-  }
-  log.success('.npmrc created')
-
-  // Step 4: Install @sks packages only if token provided
-  let packagesInstalled = false
-  if (hasToken) {
-    log.info('Installing @sks premium packages...')
-    try {
-      execSync('npm install @sks/admin-core @sks/admin-ui', { stdio: 'inherit' })
-      log.success('@sks packages installed')
-      packagesInstalled = true
-    } catch {
-      log.warn('Could not install @sks packages - token may be invalid')
-      log.info('Check your token and run: npm install @sks/admin-core @sks/admin-ui')
+    log.success('Dependencies installed')
+
+    // Step 3: Install Shadcn components
+    log.info('Installing Shadcn UI components...')
+    execSync('npx shadcn@latest init -d', { stdio: 'inherit' })
+    execSync(
+      'npx shadcn@latest add button input label card form toast dialog dropdown-menu avatar badge table tabs separator alert alert-dialog checkbox select textarea switch skeleton sheet sidebar tooltip',
+      { stdio: 'inherit' }
+    )
+    log.success('Shadcn components installed')
+
+    // Step 4: Initialize Prisma
+    log.info('Setting up Prisma...')
+    execSync(`npx prisma init --datasource-provider ${dbConfig.provider}`, { stdio: 'inherit' })
+    log.success('Prisma initialized')
+
+    // Step 5: Create .env file
+    log.info('Creating environment files...')
+    let databaseUrl = ''
+    if (dbConfig.provider === 'sqlite') {
+      databaseUrl = 'file:./dev.db'
+    } else if (dbConfig.provider === 'postgresql') {
+      databaseUrl = `postgresql://${dbConfig.username}:${dbConfig.password}@${dbConfig.host}:${dbConfig.port}/${dbConfig.database}?schema=public`
+    } else if (dbConfig.provider === 'mysql') {
+      databaseUrl = `mysql://${dbConfig.username}:${dbConfig.password}@${dbConfig.host}:${dbConfig.port}/${dbConfig.database}`
     }
-  } else {
-    log.info('Skipping premium packages (no token)')
+
+    fs.writeFileSync('.env', `# Database
+DATABASE_URL="${databaseUrl}"
+
+# NextAuth
+AUTH_SECRET="${createHash('sha256').update(Date.now().toString()).digest('hex').slice(0, 32)}"
+AUTH_TRUST_HOST=true
+
+# App
+NEXT_PUBLIC_APP_URL="http://localhost:3000"
+`)
+
+    fs.writeFileSync('.env.example', `# Database
+DATABASE_URL="postgresql://user:password@localhost:5432/admin_db?schema=public"
+
+# NextAuth
+AUTH_SECRET="your-secret-key-here"
+AUTH_TRUST_HOST=true
+
+# App
+NEXT_PUBLIC_APP_URL="http://localhost:3000"
+`)
+    log.success('Environment files created')
+
+    // Step 6: Create Prisma schema
+    log.info('Creating database schema...')
+    fs.writeFileSync('prisma/schema.prisma', `generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider = "${dbConfig.provider}"
+  url      = env("DATABASE_URL")
+}
+
+enum Role {
+  USER
+  ADMIN
+  SUPER_ADMIN
+}
+
+model User {
+  id            String    @id @default(cuid())
+  name          String?
+  email         String    @unique
+  emailVerified DateTime?
+  image         String?
+  password      String?
+  role          Role      @default(USER)
+  createdAt     DateTime  @default(now())
+  updatedAt     DateTime  @updatedAt
+  accounts      Account[]
+  sessions      Session[]
+}
+
+model Account {
+  userId            String
+  type              String
+  provider          String
+  providerAccountId String
+  refresh_token     String?
+  access_token      String?
+  expires_at        Int?
+  token_type        String?
+  scope             String?
+  id_token          String?
+  session_state     String?
+  createdAt         DateTime @default(now())
+  updatedAt         DateTime @updatedAt
+  user              User     @relation(fields: [userId], references: [id], onDelete: Cascade)
+
+  @@id([provider, providerAccountId])
+}
+
+model Session {
+  sessionToken String   @unique
+  userId       String
+  expires      DateTime
+  user         User     @relation(fields: [userId], references: [id], onDelete: Cascade)
+  createdAt    DateTime @default(now())
+  updatedAt    DateTime @updatedAt
+}
+
+model VerificationToken {
+  identifier String
+  token      String
+  expires    DateTime
+
+  @@id([identifier, token])
+}
+`)
+    log.success('Database schema created')
+
+    // Step 7: Create lib files
+    log.info('Creating library files...')
+    fs.mkdirSync('lib', { recursive: true })
+
+    // lib/db.ts
+    fs.writeFileSync('lib/db.ts', `import { PrismaClient } from '@prisma/client'
+
+const globalForPrisma = globalThis as unknown as {
+  prisma: PrismaClient | undefined
+}
+
+export const prisma = globalForPrisma.prisma ?? new PrismaClient()
+
+if (process.env.NODE_ENV !== 'production') globalForPrisma.prisma = prisma
+
+export default prisma
+`)
+
+    // lib/utils.ts (update existing)
+    const utilsContent = fs.readFileSync('lib/utils.ts', 'utf-8')
+    fs.writeFileSync('lib/utils.ts', utilsContent + `
+
+export function formatDate(date: Date | string) {
+  return new Intl.DateTimeFormat('en-US', {
+    month: 'short',
+    day: 'numeric',
+    year: 'numeric',
+  }).format(new Date(date))
+}
+`)
+
+    // lib/dal.ts - Data Access Layer
+    fs.writeFileSync('lib/dal.ts', `import { auth } from '@/auth'
+import { redirect } from 'next/navigation'
+import { cache } from 'react'
+
+export const verifySession = cache(async () => {
+  const session = await auth()
+
+  if (!session?.user) {
+    redirect('/admin/login')
+  }
+
+  return session.user
+})
+
+export const verifyAdminSession = cache(async () => {
+  const session = await auth()
+
+  if (!session?.user) {
+    redirect('/admin/login')
+  }
+
+  const role = session.user.role
+  if (role !== 'ADMIN' && role !== 'SUPER_ADMIN') {
+    redirect('/unauthorized')
+  }
+
+  return session.user
+})
+
+export const getOptionalSession = cache(async () => {
+  const session = await auth()
+  return session?.user ?? null
+})
+`)
+
+    // lib/api/response.ts
+    fs.mkdirSync('lib/api', { recursive: true })
+    fs.writeFileSync('lib/api/response.ts', `import { NextResponse } from 'next/server'
+
+interface ApiSuccessResponse<T> {
+  success: true
+  data: T
+  meta: {
+    timestamp: string
   }
+}
+
+interface ApiErrorResponse {
+  success: false
+  error: {
+    code: string
+    message: string
+    details?: unknown
+  }
+  meta: {
+    timestamp: string
+  }
+}
 
-  // Step 5: Create lib/dal.ts
-  log.info('Creating boilerplate files...')
-
-  fs.mkdirSync('lib', { recursive: true })
-  fs.writeFileSync(
-    'lib/dal.ts',
-    `// Data Access Layer for Authentication
-// Uncomment after installing @sks/admin-core
-
-// import { createDAL } from '@sks/admin-core/auth'
-// import { auth } from '@/auth'
-
-// export const {
-//   verifySession,
-//   verifyAdminSession,
-//   redirectIfAuthenticated,
-// } = createDAL({
-//   auth,
-//   loginPath: '/admin/login',
-//   adminRoles: ['ADMIN'],
-// })
-
-// Placeholder exports for now
-export const verifySession = async () => ({ userId: '1', email: 'test@test.com', role: 'ADMIN' })
-export const verifyAdminSession = verifySession
-`
+export function apiSuccess<T>(data: T, status = 200): NextResponse<ApiSuccessResponse<T>> {
+  return NextResponse.json(
+    {
+      success: true,
+      data,
+      meta: { timestamp: new Date().toISOString() },
+    },
+    { status }
   )
+}
 
-  // Step 6: Create admin layout
-  fs.mkdirSync('app/admin', { recursive: true })
-  fs.writeFileSync(
-    'app/admin/layout.tsx',
-    `// Admin Layout with @sks/admin-ui
-// Uncomment after installing packages
+export function apiError(
+  code: string,
+  message: string,
+  details?: unknown,
+  status = 500
+): NextResponse<ApiErrorResponse> {
+  return NextResponse.json(
+    {
+      success: false,
+      error: { code, message, details },
+      meta: { timestamp: new Date().toISOString() },
+    },
+    { status }
+  )
+}
 
-// import { AdminShell, ThemeProvider } from '@sks/admin-ui'
-// import '@sks/admin-ui/themes/base.css'
+export const ErrorCodes = {
+  UNAUTHORIZED: 'UNAUTHORIZED',
+  FORBIDDEN: 'FORBIDDEN',
+  NOT_FOUND: 'NOT_FOUND',
+  VALIDATION_ERROR: 'VALIDATION_ERROR',
+  INTERNAL_ERROR: 'INTERNAL_ERROR',
+} as const
+`)
+
+    // Step 8: Create auth.ts
+    log.info('Setting up authentication...')
+    fs.writeFileSync('auth.ts', `import NextAuth from 'next-auth'
+import { PrismaAdapter } from '@auth/prisma-adapter'
+import Credentials from 'next-auth/providers/credentials'
+import bcrypt from 'bcryptjs'
+import prisma from '@/lib/db'
+
+export const { handlers, signIn, signOut, auth } = NextAuth({
+  adapter: PrismaAdapter(prisma),
+  session: { strategy: 'jwt' },
+  pages: {
+    signIn: '/admin/login',
+  },
+  providers: [
+    Credentials({
+      name: 'credentials',
+      credentials: {
+        email: { label: 'Email', type: 'email' },
+        password: { label: 'Password', type: 'password' },
+      },
+      async authorize(credentials) {
+        if (!credentials?.email || !credentials?.password) {
+          return null
+        }
+
+        const user = await prisma.user.findUnique({
+          where: { email: credentials.email as string },
+        })
+
+        if (!user || !user.password) {
+          return null
+        }
+
+        const passwordMatch = await bcrypt.compare(
+          credentials.password as string,
+          user.password
+        )
+
+        if (!passwordMatch) {
+          return null
+        }
+
+        return {
+          id: user.id,
+          email: user.email,
+          name: user.name,
+          role: user.role,
+        }
+      },
+    }),
+  ],
+  callbacks: {
+    async jwt({ token, user }) {
+      if (user) {
+        token.role = user.role
+      }
+      return token
+    },
+    async session({ session, token }) {
+      if (session.user) {
+        session.user.id = token.sub!
+        session.user.role = token.role as string
+      }
+      return session
+    },
+  },
+})
+`)
+
+    // types/next-auth.d.ts
+    fs.mkdirSync('types', { recursive: true })
+    fs.writeFileSync('types/next-auth.d.ts', `import { DefaultSession } from 'next-auth'
+
+declare module 'next-auth' {
+  interface Session {
+    user: {
+      id: string
+      role: string
+    } & DefaultSession['user']
+  }
+
+  interface User {
+    role: string
+  }
+}
+
+declare module 'next-auth/jwt' {
+  interface JWT {
+    role?: string
+  }
+}
+`)
+
+    // Step 9: Create API route for auth
+    fs.mkdirSync('app/api/auth/[...nextauth]', { recursive: true })
+    fs.writeFileSync('app/api/auth/[...nextauth]/route.ts', `import { handlers } from '@/auth'
+
+export const { GET, POST } = handlers
+`)
+
+    // Step 10: Create admin pages
+    log.info('Creating admin pages...')
+
+    // Admin layout
+    fs.mkdirSync('app/admin', { recursive: true })
+    fs.writeFileSync('app/admin/layout.tsx', `import { SidebarProvider, SidebarTrigger } from '@/components/ui/sidebar'
+import { AppSidebar } from '@/components/app-sidebar'
+import { Toaster } from '@/components/ui/sonner'
 
 export default function AdminLayout({
   children,
@@ -168,76 +537,341 @@ export default function AdminLayout({
   children: React.ReactNode
 }) {
   return (
-    <div className="min-h-screen bg-gray-100">
-      {/* Replace with AdminShell after installing @sks/admin-ui */}
-      <aside className="fixed left-0 top-0 h-screen w-64 bg-gray-900 text-white p-4">
-        <h1 className="text-xl font-bold mb-8">Admin Panel</h1>
-        <nav className="space-y-2">
-          <a href="/admin" className="block p-2 rounded hover:bg-gray-800">Dashboard</a>
-          <a href="/admin/users" className="block p-2 rounded hover:bg-gray-800">Users</a>
-          <a href="/admin/settings" className="block p-2 rounded hover:bg-gray-800">Settings</a>
-        </nav>
-      </aside>
-      <main className="ml-64 p-8">
-        {children}
+    <SidebarProvider>
+      <AppSidebar />
+      <main className="flex-1">
+        <header className="flex h-14 items-center gap-4 border-b bg-background px-6">
+          <SidebarTrigger />
+        </header>
+        <div className="p-6">
+          {children}
+        </div>
       </main>
+      <Toaster />
+    </SidebarProvider>
+  )
+}
+`)
+
+    // Admin dashboard
+    fs.writeFileSync('app/admin/page.tsx', `import { verifyAdminSession } from '@/lib/dal'
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
+
+export default async function AdminDashboard() {
+  const user = await verifyAdminSession()
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-3xl font-bold">Dashboard</h1>
+        <p className="text-muted-foreground">Welcome back, {user.name || user.email}</p>
+      </div>
+
+      <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between pb-2">
+            <CardTitle className="text-sm font-medium">Total Users</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">1,234</div>
+            <p className="text-xs text-muted-foreground">+12% from last month</p>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between pb-2">
+            <CardTitle className="text-sm font-medium">Revenue</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">$12,345</div>
+            <p className="text-xs text-muted-foreground">+8% from last month</p>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between pb-2">
+            <CardTitle className="text-sm font-medium">Active Sessions</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">573</div>
+            <p className="text-xs text-muted-foreground">+2% from last hour</p>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between pb-2">
+            <CardTitle className="text-sm font-medium">Conversion Rate</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">3.2%</div>
+            <p className="text-xs text-muted-foreground">+0.5% from last week</p>
+          </CardContent>
+        </Card>
+      </div>
     </div>
   )
 }
-`
+`)
+
+    // Login page
+    fs.mkdirSync('app/admin/login', { recursive: true })
+    fs.writeFileSync('app/admin/login/page.tsx', `'use client'
+
+import { useState } from 'react'
+import { signIn } from 'next-auth/react'
+import { useRouter } from 'next/navigation'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+
+export default function LoginPage() {
+  const [email, setEmail] = useState('')
+  const [password, setPassword] = useState('')
+  const [error, setError] = useState('')
+  const [loading, setLoading] = useState(false)
+  const router = useRouter()
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault()
+    setLoading(true)
+    setError('')
+
+    const result = await signIn('credentials', {
+      email,
+      password,
+      redirect: false,
+    })
+
+    if (result?.error) {
+      setError('Invalid email or password')
+      setLoading(false)
+    } else {
+      router.push('/admin')
+      router.refresh()
+    }
+  }
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gray-100">
+      <Card className="w-full max-w-md">
+        <CardHeader className="text-center">
+          <CardTitle className="text-2xl">Admin Login</CardTitle>
+          <CardDescription>Enter your credentials to continue</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form onSubmit={handleSubmit} className="space-y-4">
+            {error && (
+              <div className="p-3 text-sm text-red-500 bg-red-50 rounded-md">
+                {error}
+              </div>
+            )}
+            <div className="space-y-2">
+              <Label htmlFor="email">Email</Label>
+              <Input
+                id="email"
+                type="email"
+                placeholder="admin@example.com"
+                value={email}
+                onChange={(e) => setEmail(e.target.value)}
+                required
+              />
+            </div>
+            <div className="space-y-2">
+              <Label htmlFor="password">Password</Label>
+              <Input
+                id="password"
+                type="password"
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                required
+              />
+            </div>
+            <Button type="submit" className="w-full" disabled={loading}>
+              {loading ? 'Signing in...' : 'Sign In'}
+            </Button>
+          </form>
+        </CardContent>
+      </Card>
+    </div>
   )
+}
+`)
 
-  // Step 7: Create admin dashboard page
-  fs.writeFileSync(
-    'app/admin/page.tsx',
-    `export default function AdminDashboard() {
+    // Sidebar component
+    fs.mkdirSync('components', { recursive: true })
+    fs.writeFileSync('components/app-sidebar.tsx', `'use client'
+
+import {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+} from '@/components/ui/sidebar'
+import { Home, Users, Settings, LogOut } from 'lucide-react'
+import { signOut } from 'next-auth/react'
+import Link from 'next/link'
+
+const menuItems = [
+  { title: 'Dashboard', icon: Home, href: '/admin' },
+  { title: 'Users', icon: Users, href: '/admin/users' },
+  { title: 'Settings', icon: Settings, href: '/admin/settings' },
+]
+
+export function AppSidebar() {
   return (
-    <div>
-      <h1 className="text-3xl font-bold mb-4">Dashboard</h1>
-      <div className="grid grid-cols-3 gap-4">
-        <div className="bg-white p-6 rounded-lg shadow">
-          <h2 className="text-gray-500">Total Users</h2>
-          <p className="text-3xl font-bold">1,234</p>
-        </div>
-        <div className="bg-white p-6 rounded-lg shadow">
-          <h2 className="text-gray-500">Revenue</h2>
-          <p className="text-3xl font-bold">$12,345</p>
+    <Sidebar>
+      <SidebarHeader className="border-b px-6 py-4">
+        <h1 className="text-xl font-bold">Admin Panel</h1>
+      </SidebarHeader>
+      <SidebarContent>
+        <SidebarGroup>
+          <SidebarGroupLabel>Menu</SidebarGroupLabel>
+          <SidebarGroupContent>
+            <SidebarMenu>
+              {menuItems.map((item) => (
+                <SidebarMenuItem key={item.title}>
+                  <SidebarMenuButton asChild>
+                    <Link href={item.href}>
+                      <item.icon className="h-4 w-4" />
+                      <span>{item.title}</span>
+                    </Link>
+                  </SidebarMenuButton>
+                </SidebarMenuItem>
+              ))}
+            </SidebarMenu>
+          </SidebarGroupContent>
+        </SidebarGroup>
+      </SidebarContent>
+      <SidebarFooter className="border-t p-4">
+        <SidebarMenu>
+          <SidebarMenuItem>
+            <SidebarMenuButton onClick={() => signOut({ callbackUrl: '/admin/login' })}>
+              <LogOut className="h-4 w-4" />
+              <span>Logout</span>
+            </SidebarMenuButton>
+          </SidebarMenuItem>
+        </SidebarMenu>
+      </SidebarFooter>
+    </Sidebar>
+  )
+}
+`)
+
+    // Install lucide-react
+    execSync('npm install lucide-react', { stdio: 'inherit' })
+
+    // Create seed script
+    fs.mkdirSync('prisma', { recursive: true })
+    fs.writeFileSync('prisma/seed.ts', `import { PrismaClient } from '@prisma/client'
+import bcrypt from 'bcryptjs'
+
+const prisma = new PrismaClient()
+
+async function main() {
+  const hashedPassword = await bcrypt.hash('admin123', 10)
+
+  const admin = await prisma.user.upsert({
+    where: { email: 'admin@example.com' },
+    update: {},
+    create: {
+      email: 'admin@example.com',
+      name: 'Admin User',
+      password: hashedPassword,
+      role: 'ADMIN',
+    },
+  })
+
+  console.log('Created admin user:', admin.email)
+}
+
+main()
+  .catch((e) => {
+    console.error(e)
+    process.exit(1)
+  })
+  .finally(async () => {
+    await prisma.$disconnect()
+  })
+`)
+
+    // Update package.json with prisma seed
+    const packageJson = JSON.parse(fs.readFileSync('package.json', 'utf-8'))
+    packageJson.prisma = { seed: 'npx tsx prisma/seed.ts' }
+    fs.writeFileSync('package.json', JSON.stringify(packageJson, null, 2))
+
+    execSync('npm install -D tsx', { stdio: 'inherit' })
+
+    log.success('Admin pages created')
+  } else {
+    // Basic version - just create simple admin page
+    log.info('Creating basic admin template...')
+    fs.mkdirSync('app/admin', { recursive: true })
+    fs.writeFileSync('app/admin/page.tsx', `export default function AdminPage() {
+  return (
+    <div className="min-h-screen bg-gray-100 p-8">
+      <div className="max-w-4xl mx-auto">
+        <h1 className="text-3xl font-bold mb-4">Admin Panel</h1>
+        <p className="text-gray-600 mb-8">Basic version - upgrade to premium for full features.</p>
+
+        <div className="grid grid-cols-3 gap-4">
+          <div className="bg-white p-6 rounded-lg shadow">
+            <h2 className="text-gray-500 text-sm">Total Users</h2>
+            <p className="text-3xl font-bold">--</p>
+          </div>
+          <div className="bg-white p-6 rounded-lg shadow">
+            <h2 className="text-gray-500 text-sm">Revenue</h2>
+            <p className="text-3xl font-bold">--</p>
+          </div>
+          <div className="bg-white p-6 rounded-lg shadow">
+            <h2 className="text-gray-500 text-sm">Orders</h2>
+            <p className="text-3xl font-bold">--</p>
+          </div>
         </div>
-        <div className="bg-white p-6 rounded-lg shadow">
-          <h2 className="text-gray-500">Orders</h2>
-          <p className="text-3xl font-bold">567</p>
+
+        <div className="mt-8 p-4 bg-yellow-50 border border-yellow-200 rounded-lg">
+          <p className="text-yellow-800">
+            <strong>Upgrade to Premium</strong> to unlock: Prisma ORM, NextAuth, Shadcn UI,
+            Admin Dashboard, User Management, and more!
+          </p>
         </div>
       </div>
     </div>
   )
 }
-`
-  )
-
-  log.success('Boilerplate files created')
+`)
+    log.success('Basic template created')
+  }
 
-  // Done!
+  // Final message
   console.log('')
-  console.log(colors.green('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━'))
+  console.log(colors.green('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━'))
   console.log(colors.green('  ✓ Project created successfully!'))
-  console.log(colors.green('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━'))
-  console.log('')
-
-  console.log(colors.blue('Next steps:'))
-  console.log(`  cd ${isCurrentDir ? '.' : projectName}`)
-  console.log('  npm run dev')
-  console.log('')
-  console.log(colors.blue('Admin panel:'))
-  console.log('  http://localhost:3000/admin')
+  console.log(colors.green('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━'))
   console.log('')
 
-  if (packagesInstalled) {
-    console.log(colors.green('Premium packages installed! Full admin panel ready.'))
+  if (isPremium) {
+    console.log(colors.cyan('Next steps:'))
+    console.log(`  1. cd ${isCurrentDir ? '.' : projectName}`)
+    console.log('  2. npx prisma db push        # Create database tables')
+    console.log('  3. npx prisma db seed        # Create admin user')
+    console.log('  4. npm run dev               # Start development server')
+    console.log('')
+    console.log(colors.cyan('Default admin credentials:'))
+    console.log('  Email: admin@example.com')
+    console.log('  Password: admin123')
+    console.log('')
+    console.log(colors.cyan('Admin panel:'))
+    console.log('  http://localhost:3000/admin')
   } else {
-    console.log(colors.yellow('To unlock premium features:'))
-    console.log('  1. Get your access token from admin')
-    console.log('  2. Run: npx create-sks-admin my-app')
-    console.log('  3. Enter token when prompted')
+    console.log(colors.blue('Next steps:'))
+    console.log(`  cd ${isCurrentDir ? '.' : projectName}`)
+    console.log('  npm run dev')
+    console.log('')
+    console.log(colors.yellow('Get premium license for full features!'))
   }
   console.log('')
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-sks-admin",
-  "version": "0.2.0",
+  "version": "1.0.0",
   "description": "CLI to scaffold SKS Admin projects",
   "type": "module",
   "bin": {