Simply your url fast, custom it, then share and track how much of your links being clicked! Custom metatags for making your Links more attractive

Features

• Shorten Links: You can shorten your link and share it with more effectively
• QR Code Generation: Lazy to write links? We also provide generated QR Code that we could download them into image format
• Number of clicks: You can track how much your link are clicked
• Custom Metatags: Custom Metatags for social cards like Linkedin or Twitter

Built with

• Next.js
• tailwindcss
• Deployed on Vercel
• Link expiration using Upstash Redis
• User authentication using Next Auth
• Radix UI for easier UI Components
• qr-code-styling package for QR-Code Generation

Roadmap

• [+] Add QR Code
• [+] Configure Custom Metatags title and description
• [ ] Configure Custom Metatags Image
• [ ] Making UI more beautiful
• [ ] Adding some section into homepage
• [ ] Optimized Performance

See the open issues for a full list of proposed features (and known issues).

Installation

Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services.

1. Clone the repo

   git clone https://github.com/raymondtju/zez.git
   

2. Install NPM packages

   npm install
   

3. Create .env file based on .env.example

   DATABASE_URL=
   NEXT_PUBLIC_BASE_URL=http://localhost:3000
   NEXT_PUBLIC_GUEST_TOKEN=
   
   NEXTAUTH_URL=http://localhost:3000
   NEXTAUTH_SECRET=
   
   GOOGLE_CLIENT_ID=
   GOOGLE_CLIENT_SECRET=
   
   UPSTASH_REDIS_REST_URL=
   UPSTASH_REDIS_REST_TOKEN=