Overview

Introduction

UTM Gen is platform specialising in managing, creating and tracking UTM tagged links. The platform is designed to help marketers and businesses create and manage UTM parameters for their marketing campaigns while maintaining best-practice and applying brand-compliant rules globally.

Tech Stack

Below is the tech stack used in building UTM Gen. A combination of third-party libraries and custom code was used to build the platform.

Frontend

Tooling

• Next.js: Framework for building React applications.
• ShadCN UI: Component library for React applications.
• Tailwind CSS: CSS framework.
• Clerk: Authentication library.
• Paddle: Payment platform and Merchant of Record.
• Prisma: Database ORM.
• Tinybird: User-facing analytics platform.
• Upstash: Serverless database (for user-facing analytics).

Internationalisation (i18n)

• next-intl: Internationalisation library.
• i18nexus: Translation management.

Analytics

• Sentry: Application monitoring.
• PostHog: Product, interaction and user analytics.

Backend

• Turso - Database provider.

Documentation

• Fumadocs: Documentation framework.

Marketing

Outline marketing strategy