Supabase Nextjs

This is a solid foundation for building Next.js apps with Supabase authentication and Drizzle ORM for database queries. It sets up the right separation of concerns: Drizzle handles your type-safe data access while Supabase manages auth, storage, and realtime features. The structure keeps server and client Supabase instances properly isolated, includes middleware for protecting routes, and organizes everything into a clean app router layout with separate auth and dashboard sections. Use this when you want Supabase's auth infrastructure but prefer Drizzle's developer experience for querying your Postgres database over Supabase's own client libraries.

skills.sh installs: 651
GitHub stars: 702
last updated: Jul 14, 2026

View on GitHub

Install

$ npx -y skills add alinaqi/claude-bootstrap --skill supabase-nextjs --agent claude-code

Installs into .claude/skills of the current project.

Files

Supabase + Next.js Skill

Next.js App Router patterns with Supabase Auth and Drizzle ORM.

Sources: Supabase Next.js Guide | Drizzle + Supabase

Core Principle

Drizzle for queries, Supabase for auth/storage, server components by default.

Use Drizzle ORM for type-safe database access. Use Supabase client for auth, storage, and realtime. Prefer server components; use client components only when needed.