https://github.com/akazwz/url-shorter

Url shortener, collect visit info, project link is https://dlj.sh/nqYXaOL \n 短链接生成, 访客信息收集,项目链接： https://dlj.sh/nqYXaOL
https://github.com/akazwz/url-shorter

dashboard nextjs postgresql prisma shorter url url-shortener visualization

Last synced: 3 months ago
JSON representation

Url shortener, collect visit info, project link is https://dlj.sh/nqYXaOL \n 短链接生成, 访客信息收集,项目链接： https://dlj.sh/nqYXaOL

• Host: GitHub
• URL: https://github.com/akazwz/url-shorter
• Owner: akazwz
• Created: 2022-02-18T16:01:48.000Z (almost 3 years ago)
• Default Branch: next
• Last Pushed: 2022-08-23T15:40:05.000Z (over 2 years ago)
• Last Synced: 2023-03-08T02:54:50.108Z (almost 2 years ago)
• Topics: dashboard, nextjs, postgresql, prisma, shorter, url, url-shortener, visualization
• Language: TypeScript
• Homepage: https://dlj.sh
• Size: 1.86 MB
• Stars: 16
• Watchers: 1
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# URL Shorter

# https://dlj.sh

[简体中文](README_ZH.md)

## 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](https://zlz.pw/)

## 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)