supabase-hello-worldClaude Skill
Create a minimal working Supabase example.
1.4k Stars
173 Forks
2025/10/10
| name | supabase-hello-world |
| description | Create a minimal working Supabase example. Use when starting a new Supabase integration, testing your setup, or learning basic Supabase API patterns. Trigger with phrases like "supabase hello world", "supabase example", "supabase quick start", "simple supabase code". |
| allowed-tools | Read, Write, Edit |
| version | 1.0.0 |
| license | MIT |
| author | Jeremy Longshore <jeremy@intentsolutions.io> |
Supabase Hello World
Overview
Minimal working example demonstrating core Supabase functionality.
Prerequisites
- Completed
supabase-install-authsetup - Valid API credentials configured
- Development environment ready
Instructions
Step 1: Create Entry File
Create a new file for your hello world example.
Step 2: Import and Initialize Client
import { SupabaseClient } from '@supabase/supabase-js'; const client = new SupabaseClient({ apiKey: process.env.SUPABASE_API_KEY, });
Step 3: Make Your First API Call
async function main() { const result = await supabase.from('todos').insert({ task: 'Hello!' }).select(); console.log(result.data); } main().catch(console.error);
Output
- Working code file with Supabase client initialization
- Successful API response confirming connection
- Console output showing:
Success! Your Supabase connection is working.
Error Handling
| Error | Cause | Solution |
|---|---|---|
| Import Error | SDK not installed | Verify with npm list or pip show |
| Auth Error | Invalid credentials | Check environment variable is set |
| Timeout | Network issues | Increase timeout or check connectivity |
| Rate Limit | Too many requests | Wait and retry with exponential backoff |
Examples
TypeScript Example
import { SupabaseClient } from '@supabase/supabase-js'; const client = new SupabaseClient({ apiKey: process.env.SUPABASE_API_KEY, }); async function main() { const result = await supabase.from('todos').insert({ task: 'Hello!' }).select(); console.log(result.data); } main().catch(console.error);
Python Example
from supabase import SupabaseClient client = SupabaseClient() response = supabase.table('todos').insert({'task': 'Hello!'}).execute(); print(response.data)
Resources
Next Steps
Proceed to supabase-local-dev-loop for development workflow setup.
Similar Claude Skills & Agent Workflows
git-commit
5.4k
Generate well-formatted git commit messages following conventional commit standards
code-review
5.4k
Comprehensive code review assistant that analyzes code quality, security, and best practices
dsql
7.9k
Build with Aurora DSQL - manage schemas, execute queries, and handle migrations with DSQL-specific requirements.
backend-dev-guidelines
20.7k
Comprehensive backend development guide for Langfuse's Next.js 14/tRPC/Express/TypeScript monorepo.
Material Component Dev
7.6k
FlowGram 物料组件开发指南 - 用于在 form-materials 包中创建新的物料组件
Create Node
7.6k
用于在 FlowGram demo-free-layout 中创建新的自定义节点,支持简单节点(自动表单)和复杂节点(自定义 UI)