Skills
.Work. You
Rest

webapp-dev:supabase-integration

Official

Supabase integration for Next.js apps

Software Engineering#authentication#react#supabase#real-time#nextjs#storage#database-queries
AuthorAmplifyAutomation
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Developers often struggle to wire Supabase into modern React/Next.js apps, needing a cohesive setup for auth, data queries, realtime updates, and storage.

Core Features & Use Cases

  • Authentication: Sign-up, sign-in, OAuth, and session management across client and server boundaries.
  • Database & Queries: Typed, safe queries with server/client patterns, including relations and pagination.
  • Real-time Subscriptions: Live updates from Postgres changes integrated into UI.
  • Storage: File uploads and public URLs for media in apps.
  • Use Case: Build a dashboard with user auth, lists of posts, and real-time updates.

Quick Start

Install the Supabase client libs and bootstrap the app with sample auth and a query.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: webapp-dev:supabase-integration
Download link: https://github.com/AmplifyAutomation/amplify-plugin-marketplace/archive/main.zip#webapp-dev-supabase-integration

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.