Tech Stack

Turborepo

Turborepo is a monorepo tool that helps you manage your project's dependencies and scripts. We chose a monorepo setup to make it easier to manage to structure the different features and enable code sharing between the different packages.

Turborepo - Make Ship Happen

turbo.build

Plasmo

It's like Next.js for browser extensions.

Plasmo is a powerful framework for building browser extensions using React. It provides a modern development experience with features like hot module reloading, TypeScript support, and automatic manifest generation.

Plasmo simplifies the process of creating cross-browser extensions, allowing you to focus on your extension's functionality rather than boilerplate setup.

Plasmo

plasmo.com

React

React is a JavaScript library for building user interfaces. It's the core technology we use for creating the UI of our browser extension, allowing for efficient updates and rendering of components.

React

reactjs.org

Supabase

Supabase is an open-source Firebase alternative. It provides a set of tools to help you build your app faster. We use Supabase for our database and authentication.

Supabase

supabase.com

Tailwind CSS

Tailwind CSS is a utility-first CSS framework that helps you build custom designs without writing any CSS. We also use Radix UI for our headless components library and shadcn/ui which enables you to generate pre-designed components with a single command.

tRPC

tRPC is a TypeScript-first API framework that helps you build APIs faster. It provides a set of tools to develop API in fully-typesafe way and connect to one source-of-truth from every app. We use tRPC for our serverless API and clients on the frontend.

tRPC

trpc.io

Drizzle

Drizzle is a super fast ORM (Object-Relational Mapping) tool for databases. It helps manage database, generate Typescript types from your schema and run queries in fully-typesafe way.

Drizzle

orm.drizzle.team