🎨 Frontend Development — Next.js Starter Kit Demo

# 1. Install dependencies
npm install

# 2. Copy environment variables
cp .env.example .env

# 3. Set up the database (adjust DATABASE_URL in .env first)
npx prisma db push

# 4. Seed sample data (optional)
npx prisma db seed

# 5. Start the dev server
npm run dev

# 6. Open http://localhost:3000

nextjs-starter-kit/
├── app/
│   ├── layout.tsx              # Root layout (html, body, metadata)
│   ├── page.tsx                # Landing page (server component)
│   ├── loading.tsx             # Root loading UI
│   ├── error.tsx               # Root error boundary
│   ├── not-found.tsx           # Custom 404 page
│   ├── dashboard/
│   │   ├── layout.tsx          # Auth-gated layout
│   │   └── page.tsx            # Dashboard page
│   ├── blog/
│   │   ├── page.tsx            # Blog listing (ISR, revalidate: 60)
│   │   └── [slug]/
│   │       └── page.tsx        # Blog post detail (ISR + generateStaticParams)
│   └── api/
│       ├── auth/
│       │   └── route.ts        # Login, signup, session endpoints
│       ├── users/
│       │   └── route.ts        # User CRUD
│       └── posts/
│           └── route.ts        # Posts CRUD with pagination
├── components/
│   ├── Header.tsx
│   ├── Footer.tsx
│   └── PostCard.tsx
├── src/
│   ├── lib/
│   │   ├── prisma.ts           # PrismaClient singleton
│   │   ├── auth.ts             # Session helpers
│   │   └── utils.ts            # Shared helpers
│   └── types/
│       └── index.ts            # Shared TypeScript types
├── prisma/
│   └── schema.prisma           # Database schema
├── middleware.ts               # Edge middleware for auth
├── next.config.ts
├── vercel.json
├── tsconfig.json
├── package.json
├── .env.example
├── .gitignore
├── guides/
│   ├── architecture.md
│   └── deployment.md
└── LICENSE