Course

[Architecture: Tooling in Supabase] [C: Introduction]

In this guide, you will learn the tooling used in Supabase repository.

What's Tooling?

You might be wondering what tooling means. If you check out Bulletproof React's Project Standards, it describes tools such as ESLint, Prettier, Husky etc.,

Similarly, in this guide, we provide an in-depth Supabase tooling analysis.

Supabase Tooling

Supabase is a monorepo, you will find more information about monorepo in Project Structure.

For us to study the tooling used in this monorepo, we would have to study the tooling used:

  1. At root level
  2. In apps in supabase monorepo.
  3. In packages in supabase monorepo.

Tooling might vary based on an app or packages.

Tools used at root level:

Tools used in apps/www:

Tools used in apps/studio:

Tools used in apps/docs:

Tools used in apps/design-system:

Tools used in packages/ai-commands:

Tools used in packages/api-types:

Tools used in packages/build-icons:

Tools used in common:

Tools used in config:

Tools used in eslint-config-supabase:

Tools used in generator:

Tools used in icons:

Tools used in pg-meta:

Tools used in shared-data:

Tools used in tsconfig:

Tools used in ui-patterns:

Tools used in ui: