url-shorter
url-shorter copied to clipboard
Url shortener, collect visit info, project link is https://dlj.sh/nqYXaOL \n 短链接生成, 访客信息收集,项目链接: https://dlj.sh/nqYXaOL
URL Shorter
https://dlj.sh
简体中文
Simple url shorter build with Next.js, Postgres, Redis
Features
- Short url
- Track visit
- Track Dashboard Vision
- responsive UI
- i18n (English and Chinese)
- Dark mode
ScreenShot





Track Infos
- time
- ip
- region
- country
- city
- lat lng
- ua string
- browser name
- browser version
- os name
- os version
- cpu
- device model
- device vendor
- engine name
- engin version
Online demo url shorter
Technologies or libs I use:
Core Shorter
- Next.js (full stack framework)
- Vercel (deployment serverless)
- NextAuth (github OAuth)
- Redis (storage kv : short code and long urls)
- Upstash (serverless database redis)
- nanoid (generate short code)
- is-url (judge is valid url)
- chakra-ui (frontend ui lib)
- @icon-park/react (icons)
Visitor Track
- next.js edge middleware (track visit info)
- postgres (storage link and visitor info)
- prisma (ORM)
- leaflet (map: show visitor location)
- react-leaflet (leaflet wrapper)
- cobe (show globe)
- @ant-design/plots (charts)