Hackathon Template

A zero-to-deployed starter kit designed to win hackathons. Skip the boilerplate and focus on building.

Stack

Framework: Next.js 14 (App Router)
Database: PostgreSQL + Prisma
Auth: NextAuth.js
Styling: Tailwind CSS
Deployment: Vercel

Quick Setup


# Clone the template
npx create-next-app --example hackathon-template my-hack
 
# Set up environment
cp .env.example .env.local
 
# Start the database
docker-compose up -d
 
# Run migrations
npx prisma migrate dev
 
# Launch
npm run dev

Project Structure


├── app/
│   ├── (auth)/          # Auth pages
│   ├── (dashboard)/     # Main app
│   ├── api/             # API routes
│   └── layout.tsx
├── components/
│   ├── ui/              # Shared UI components
│   └── forms/           # Form components
├── lib/
│   ├── db.ts            # Database client
│   ├── auth.ts          # Auth configuration
│   └── utils.ts         # Utility functions
├── prisma/
│   └── schema.prisma    # Database schema
└── public/

Features

Pre-configured authentication flow
Database with migrations ready
API route handlers with validation
Responsive UI components
Dark mode support
SEO defaults

This template is designed for speed. You can go from clone to deployed in under 10 minutes.