SRTNRURL Shortener
Back to Home

Our Tech Stack

SRTNR is built with modern, robust technologies that help us deliver a fast, secure, and scalable URL shortening service.

Analytics

Analytics

PostHog

Open source product analytics platform for event tracking and analysis.

Animation

Animation

Framer Motion

Production-ready motion library for React that powers animations.

Backend

Backend

Supabase

Open source Firebase alternative with authentication, database, and storage.

Database

Database

PostgreSQL

Powerful, open source object-relational database system.

Email

Email

Resend

Email API for developers that handles delivery, tracking, and templating.

Form Handling

Form Handling

React Hook Form

Performant, flexible and extensible forms with validation.

Frontend

Frontend

Next.js

React framework with hybrid static & server rendering, route pre-fetching, and more.

Frontend

React

JavaScript library for building user interfaces with component-based architecture.

Language

Language

TypeScript

Strongly typed programming language that builds on JavaScript.

Storage

Storage

Cloudflare R2

S3-compatible storage with zero egress fees for file sharing functionality.

Storage

AWS S3

Object storage service offering industry-leading scalability and availability.

Styling

Styling

Tailwind CSS

Utility-first CSS framework for rapidly building custom user interfaces.

Testing

Testing

Jest

JavaScript testing framework with a focus on simplicity.

Testing

React Testing Library

Simple and complete testing utilities for React applications.

UI Components

UI Components

shadcn/ui

Beautifully designed components built with Radix UI and Tailwind CSS.

UI Components

Radix UI

Unstyled, accessible components for building high-quality design systems.

UI Components

Lucide Icons

Beautiful & consistent icon toolkit made by the community.

Utilities

Utilities

QRCode

QR code generation library for creating shareable codes from URLs.

Validation

Validation

Zod

TypeScript-first schema validation with static type inference.

Visualization

Visualization

Recharts

Redefined chart library built with React and D3 for visualization.

Why We Chose This Stack

Our technology choices are driven by reliability, developer experience, and user performance. The combination of Next.js and React allows us to create fast, interactive user interfaces while maintaining excellent SEO and initial load times.

Supabase provides a robust backend with built-in authentication and real-time database capabilities, while Cloudflare R2 gives us cost-effective file storage with global distribution.

For styling, Tailwind CSS and shadcn/ui enable rapid development of beautiful UIs without sacrificing customization or performance. TypeScript ensures type safety across our codebase, reducing bugs and improving maintainability.

We use PostHog to understand how users interact with SRTNR, allowing us to make data-driven improvements.

Open Source Contributions

We're committed to giving back to the open source community. Many of the technologies we use are open source, and we've contributed improvements back to several projects.

View Our GitHub