Onlook T3 Template

A T3 stack template for Onlook projects with TypeScript, Next.js, tRPC, Tailwind CSS, and Drizzle ORM.

Stack

• Framework: Next.js with App Router
• Language: TypeScript
• Database: SQLite with Drizzle ORM
• API: tRPC
• Styling: Tailwind CSS
• Package Manager: Bun

Getting Started

1. Install dependencies:

   bun install

2. Set up the database:

   bun run db:push

3. Start the development server:

   bun run dev

Scripts

• bun run dev - Start development server with Turbopack
• bun run build - Build for production
• bun run start - Start production server
• bun run preview - Build and preview production build
• bun run typecheck - Run TypeScript type checking
• bun run lint - Run ESLint
• bun run format - Format code with ESLint
• bun run db:push - Push schema changes to database
• bun run db:generate - Generate database migrations
• bun run db:migrate - Run database migrations
• bun run db:studio - Open Drizzle Studio

Environment Variables

Copy .env.example to .env and fill in the required values:

cp .env.example .env

Learn More

To learn more about the T3 Stack, take a look at the following resources:

• Documentation
• Learn the T3 Stack

License

Apache-2.0