supabase-nextjs-fullstack
OfficialNext.js + Supabase Production Patterns
Authorstringztechnologies
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill provides battle-tested patterns and code examples for building robust full-stack applications using Next.js App Router and Supabase, covering essential aspects from authentication to data management and file uploads.
Core Features & Use Cases
- Authentication: Secure user authentication flows with middleware guards.
- Data Fetching & Mutations: Efficiently fetch data in Server Components and perform mutations with Server Actions.
- Database Security: Implement Row Level Security (RLS) policies for granular data access control.
- File Uploads: Handle image uploads to Supabase Storage with client-side compression.
- Type Safety: Utilize Zod for schema validation and type generation.
Quick Start
Use the supabase-nextjs-fullstack skill to set up authentication for a new Next.js project with Supabase.
Dependency Matrix
Required Modules
@supabase/supabase-js@supabase/ssrzodcompressorjs
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: supabase-nextjs-fullstack Download link: https://github.com/stringztechnologies/claude-skills/archive/main.zip#supabase-nextjs-fullstack Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.