Url Shortener

screenshot of Url Shortener

Url Shortener

Personal url shortener


The Remix frontend is hosted on Cloudflare Workers, while Cloudflare KV is used for storing URLs. It is tested using Playwright, and Miniflare is utilized for local development. The project also includes a CI/CD pipeline on GitHub Actions, and the ability to create password-protected links.


  • Cloudflare Workers Hosting: The Remix frontend is hosted on Cloudflare Workers, providing scalability and global availability.
  • Cloudflare KV: URLs are stored using Cloudflare KV, allowing for efficient and reliable retrieval of data.
  • Playwright Testing: Playwright is used for testing the Remix frontend, ensuring reliable and functional results across different browsers.
  • Miniflare for Local Development: Miniflare is used for truly local development, enabling developers to work on the project offline and test locally.
  • CI/CD Pipeline on GitHub Actions: The project includes a CI/CD pipeline set up on GitHub Actions, automating the testing and deployment process.
  • Password-Protected Links: The capability to create links that require a password for access provides an added layer of security and privacy.


To install the Remix frontend and utilize its features, follow these steps:

  1. Set up a Cloudflare account if you don't already have one.
  2. Configure Cloudflare Workers to host the Remix frontend by following the Cloudflare Workers documentation.
  3. Set up Cloudflare KV and store your URLs by following the Cloudflare KV documentation.
  4. Install Playwright by running the following command:
    npm install playwright
  5. Set up Miniflare for local development by following the Miniflare documentation.
  6. Configure and set up a CI/CD pipeline on GitHub Actions by following the GitHub Actions documentation.
  7. Implement password protection for links by following the relevant documentation or tutorials specific to your chosen technology stack.


The Remix frontend hosted on Cloudflare Workers, utilizing Cloudflare KV for URL storage, Playwright for testing, Miniflare for local development, and a CI/CD pipeline on GitHub Actions offers a comprehensive solution for building and deploying scalable and performant web applications. The inclusion of password-protected links adds an additional layer of security for sensitive content.


Turbo is an incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust.


TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.