Skip to content

URL Shortener is an app to shorten URLs created using NextJS. Users can create custom keyword short link and view statistics or analytics of the links.

Notifications You must be signed in to change notification settings

salimi-my/url-shortener

Repository files navigation

URL Shortener is an app to shorten URLs and generate short links created using NextJS. URL Shortener allows users to create a custom keyword shortened link making it easy to share and viewing analytics of that link.

Simple URL shortener tool

  • Custom keyword for short URL slug
  • Statistics / analytics of links
  • Light / dark / system mode
  • Authentication using Clerk
  • PostgreSQL, Neon & Prisma for database
  • Zustand for state management
  • Hosted in Vercel

Tech/framework used

  • Next.js 13 App Dir
  • Shadcn/ui
  • Clerk
  • Tailwind CSS
  • TypeScript
  • PostgreSQL
  • Neon
  • Prisma
  • Zustand
  • Vercel

Starting the project

Open the .env.example and fill in your Database URL & Clerk Auth Configurations then save it as .env the run the following command:

npm install
npx prisma db push
npx prisma generate
npm run dev

Demo

The app is hosted on Vercel. Click here to visit.
Direct link: https://url.salimi.my

Screenshots

Sign in

Sign in

Sign up

Sign up

Dashboard

Dashboard

Listing

Listing

Create short URL

Create short URL

Short URL details

Create short URL

Profile

Profile

Mini sidebar

Mini sidebar

Dark mode

Dark mode

About

URL Shortener is an app to shorten URLs created using NextJS. Users can create custom keyword short link and view statistics or analytics of the links.

Topics

Resources

Stars

Watchers

Forks