View Code? Open in Web Editor
NEW
Url shortener, collect visit info, project link is https://dlj.sh/nqYXaOL \n 短链接生成, 访客信息收集,项目链接: https://dlj.sh/nqYXaOL
Home Page: https://dlj.sh
JavaScript 0.87%
TypeScript 98.54%
Shell 0.60%
url-shorter's Introduction
简体中文
Simple url shorter build with Next.js, Postgres, Redis
- Short url
- Track visit
- Track Dashboard Vision
- responsive UI
- i18n (English and Chinese)
- Dark mode
![index](docs/images/index.png)
![index-dark](docs/images/index_dark.png)
![index-profile](docs/images/index_profile.png)
![track](docs/images/track.png)
![track dashboard](docs/images/track_dashboard.png)
- 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
Technologies or libs I use:
- 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)
- 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)
url-shorter's People
Contributors
Watchers