⚡ Blitz is a modern full-stack app builder inspired by Bolt and Lovable. Built using Next.js, Prisma, tRPC, Clerk, and Tailwind CSS — Blitz allows users to go from 💬 chat to full-stack 💻 apps in seconds.
- 🔐 Auth with Clerk + Middleware Protection
- 🗯️ Prompt-based app generator (chat → code)
- 🧱 Templates: SaaS, Chat App, Blog CMS, Budget Tracker, etc.
- 🧬 Dynamic file system generation
- 📁 Project dashboard for recent builds
- 🌘 Dark Mode with next-themes
- 📜 Syntax highlighting via PrismJS
- 📦 UI with Radix, Lucide, Sonner & Tailwind v4
- ⚡ Fast builds with Turbopack
| Category | Tech |
|---|---|
| Framework | Next.js 15 + Turbopack |
| Auth | Clerk.dev |
| ORM | Prisma |
| API | tRPC |
| Styling | Tailwind CSS, tw-animate-css |
| Components | Radix UI, Lucide |
| Editor | PrismJS |
| Toasts | Sonner |
# 1. Clone
$ git clone https://github.com/satyam-code45/blitz.git
$ cd blitz
# 2. Install dependencies
$ npm install
# 3. Configure environment variables
$ cp .env.example .env
# Add Clerk, DB, etc.
# 4. Set up database
$ npx prisma db push
# 5. Start development
$ npm devVisit: http://localhost:3000
📦 blitz/
├── app/ # App directory (Next.js 15)
│ ├── api/ # API routes (tRPC handlers)
│ ├── dashboard/ # User project dashboard
│ ├── projects/[slug]/ # Dynamic project viewer
│ └── layout.tsx # Root layout
├── components/ # Reusable components
├── lib/ # Utilities and helpers
├── prisma/ # DB schema and client
├── public/ # Static files and assets
├── styles/ # Tailwind styles
├── trpc/ # Routers and context
└── hooks/, middleware.ts, tailwind.config.ts
npm run dev # Start dev server
npm run build # Production build
npm run start # Run built app
npx inngest-cli@latest dev # Run inngest locallyPRs welcome! 🧠
git checkout -b feat/your-feature
npm commit
npm push --set-upstream origin feat/your-featureThen open a PR
This project is ready to deploy with Vercel:
- GitHub integration
.envsetup- One-click deploy!
Built with ❤️ by Satyam
MIT Licensed. Read here