← projects
Next.js

URL Shortener

URL Shortener
Next.js
OVERVIEW

A full-stack URL shortening service with analytics and custom slug support. Allows users to create short, shareable links with click tracking and custom aliases.

TECH STACK
Next.jsTypeScript
KEY FEATURES
  • Custom slugs alongside auto-generated short links
  • Click tracking and analytics for every shortened link
  • Fast redirect handling built on Next.js API routes
  • Shareable links designed for easy distribution across platforms
HOW IT WORKS
  1. 01A user submits a long URL, optionally with a custom slug
  2. 02The Next.js API route generates a short code (or validates the custom slug) and stores the mapping
  3. 03Visiting the short link triggers a fast redirect handled by the API route
  4. 04Each click is logged for the analytics view