ClipLink

An open-source Bitly like link reducer.

Introduction · Setting Up Locally · API Client . Tech Stack

Introduction

ClipLink is a Bitly like link reducer.

1201.1.mp4

Setting Up Locally

To set up Cliplink locally, you'll need to clone the repository and set up the following environment variables:

• VITE_TOKEN – your Bitly API key (you can get one here)
• VITE_GROUP – your Bitly group_guid (follow the documentation)

To run the app locally, you can run the following commands:

pnpm i
pnpm build
pnpm dev

API Client

To test API routes, you'll need to open the collections folder with Bruno and select the env environment then add your token in the environment variables

Tech Stack

Cliplink is built on the following stack:

• React - JavaScript Library
• Vite - Build Tool
• Tanstack Router – Routing
• Tanstack Query - Query Management
• Ky - fetching Library
• TailwindCSS – CSS Framework
• Shadcn/ui UI Components
• React Use - Hooks Collection
• Playwright - e2e Testing
• Canvas Confetti - Animation canvas
• React Hook Form - Forms management
• Zod - Schema validation