Next.js Starter Boilerplate

Introduction

If you're a weekend hustler looking to bring your ideas to life, this starter boilerplate is perfect for you. It includes everything you need to build an MVP in a weekend. With this boilerplate, you'll have access to the latest tech stacks and tools, minimizing setup time so you can focus on building and maximizing productivity.

Tech Stack

• Framework: Next.js 14
• Language: TypeScript
• Styling: Tailwind CSS
• ORM: Drizzle ORM
• Database: Postgresql
• Authentication: Supabase Auth
• UI Components: Shadcn UI
• Form Management: React Hook Form
• State Management: Zustand
• Validation: Zod
• Formatter & Linter: Biome
• Email templates: React Email
• Email delivery: Resend
• Rate limiting: Upstash
• Theme manager: next-themes
• Type-safe search params state manager: nuqs

Running Locally

1. Clone the repository

   git clone https://github.com/sujjeee/starter.git
   

2. Install dependencies using pnpm

   pnpm install
   

3. Copy the .env.example to .env and update the variables.

   cp .env.example .env
   

4. Migrate the database schema

   pnpm db:push
   

5. Start the development server

   pnpm dev
   

Deploy

Follow the deployment guides for Vercel.