Url Shorter

Overview

URL Shorter is a simple URL shortening tool built with Next.js, Postgres, and Redis. It provides a convenient way to shorten long URLs to make them easier to share. The tool includes features such as tracking visits, a responsive user interface, support for multiple languages, dark mode, and the ability to view visit information on a dashboard.

Features

• Short URL: Generates short codes for long URLs.
• Visit Tracking: Tracks the number of visits to each shortened URL.
• Dashboard: Provides a dashboard to view visit information and statistics.
• Responsive UI: User interface is designed to work well on all devices and screen sizes.
• i18n: Supports both English and Chinese languages.
• Dark Mode: Offers a dark mode theme for better readability in low-light settings.
• Screenshot: Provides screenshot previews for shortened URLs.
• Track Info: Records specific information about each visit, such as timestamp, IP address, region, country, city, latitude, longitude, user agent, browser name, browser version, OS name, OS version, CPU, device model, device vendor, engine name, and engine version.

Installation

To install URL Shorter, follow the steps below:

1. Install the necessary dependencies by running the following command:

npm install

2. Set up the required environment variables:

• DATABASE_URL: The URL of your Postgres database.
• REDIS_URL: The URL of your Redis server.
• NEXTAUTH_URL: The base URL of your website.
• GITHUB_ID and GITHUB_SECRET: GitHub OAuth credentials for authentication.

3. Build the Next.js project by running the following command:

npm run build

4. Start the server by running the following command:

npm run start

5. Access the URL Shorter application in your browser at the specified NEXTAUTH_URL.

Summary

URL Shorter is a useful tool for creating and managing shortened URLs. It offers essential features such as tracking visits, a responsive interface, and a dashboard for monitoring visit statistics. With support for different languages and dark mode, it provides a customizable experience for users. The installation process is straightforward, and developers can easily set up the application with the provided guide.