
URL Shortener
A minimal URL shortener service built with simplicity and efficiency in mind.
Next.jsReactTypeScriptTailwind CSSShadcn UIPrismaMongoDB
Introduction
A fast, minimal, and modern URL shortener built with Next.js, TypeScript, and Prisma. Designed for simplicity, speed, and extensibility.
Tech Stack
- Next.js – framework
- TypeScript – language
- Tailwind – CSS
- MongoDB – database
- Prisma – ORM
- shadcn/ui – UI components
- better-auth – Authentication
- TanStack Query – Data fetching
Roadmap
- User Authentication & Authorization
- Email & Password
- Sign up
- Sign in
- Log in
- Forget password
- Dashboard - Links
- Create
- Destination URL
- Short URL key (optional input + [Generate Random] button)
- Availability check for custom key
- Expire time (optional date, time picker)
- Password
- Geo Targeting (country-based redirect)
- Device Targeting (OS-based redirect)
- Metadata (title, description, image)
- QR code generation
- Search
- Sorting
- Display all [ pagination or infinite scrolling ]
- Edit
- Delete
- Display all time clicks
- QR Code
- Create
- URL Redirect
- Record analytics record
- redirect
- Dashboard - Analytics
- Clicks over time (graphs): Last 24h, 7d, 30d, 3m, 12m, MTD, QTD, YTD, All Time
- Clicks over time short link and long url (table)
- Location-wise breakdown ( country, city, region, continents)
- Device breakdown
- OS breakdown
- Browsers breakdown
- Triggers breakdown (QR Code, link click)
- Per link analytics + All links analytics
- Filter for all params
- Landing Page
- Navbar
- Hero section
- Features section
- Frequently asked questions
- Footer