MEDIUMQualitysmallNext.js + Supabase Standards

Type your Supabase client with generated database types

Use supabase gen types typescript to generate types from your schema, then pass them as a generic: createClient<Database>().

Why This Matters

Without generated types, the Supabase client returns `any` for all queries. Column name typos and type mismatches are only caught at runtime.

Related Rules

Use route groups to organize app sections

Architecture

HIGH

Colocate page files with their route segment

Architecture

MEDIUM

Use (select auth.uid()) instead of auth.uid() in policies

Performance

MEDIUM

Use kebab-case for file and directory names

Quality

MEDIUM

Catch this automatically on every PR

BeforeMerge scans your pull requests against this rule and 3+ others. Get actionable feedback before code ships.

Join Waitlist Browse All Rules

Why This Matters

Generated types give you:

Autocomplete for table and column names
Type errors for wrong column types
Compile-time safety instead of runtime errors

How to Generate

npx supabase gen types typescript --project-id YOUR_PROJECT_ID > database.types.ts

Good

import { Database } from "./database.types"
 
const supabase = createServerClient<Database>(url, key, { ... })
const { data } = await supabase.from("rules").select("title, slug")
// data is typed: { title: string; slug: string }[]

Type your Supabase client with generated database types

Why This Matters

Tags

Related Rules

Catch this automatically on every PR

Why This Matters

How to Generate

Good