home / skills / jeremylongshore / claude-code-plugins-plus-skills / supabase-hello-world
/plugins/saas-packs/supabase-pack/skills/supabase-hello-world
This skill provides a minimal Supabase hello world example to help you validate setup and run your first API call.
npx playbooks add skill jeremylongshore/claude-code-plugins-plus-skills --skill supabase-hello-worldReview the files below or copy the command above to add this skill to your agents.
---
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 <[email protected]>
---
# Supabase Hello World
## Overview
Minimal working example demonstrating core Supabase functionality.
## Prerequisites
- Completed `supabase-install-auth` setup
- 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
```typescript
import { SupabaseClient } from '@supabase/supabase-js';
const client = new SupabaseClient({
apiKey: process.env.SUPABASE_API_KEY,
});
```
### Step 3: Make Your First API Call
```typescript
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
```typescript
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
```python
from supabase import SupabaseClient
client = SupabaseClient()
response = supabase.table('todos').insert({'task': 'Hello!'}).execute(); print(response.data)
```
## Resources
- [Supabase Getting Started](https://supabase.com/docs/getting-started)
- [Supabase API Reference](https://supabase.com/docs/api)
- [Supabase Examples](https://supabase.com/docs/examples)
## Next Steps
Proceed to `supabase-local-dev-loop` for development workflow setup.This skill provides a minimal, working Supabase example to verify setup and demonstrate basic API calls. It guides you through client initialization and a simple insert/query flow so you can confirm credentials and connectivity quickly. Ideal for new integrations, tests, and learning core Supabase patterns.
The skill initializes a Supabase client using environment-configured credentials, then performs a simple insert into a sample table (e.g., todos) and reads the result back. It includes short, runnable snippets in Python and TypeScript and highlights common errors and solutions so you can diagnose issues fast. The expected outcome is a console confirmation that the Supabase connection and basic CRUD call succeeded.
What credentials do I need to run the example?
You need a Supabase URL and service role or anon API key set as environment variables before running the example.
Which SDK should I use: Python or TypeScript?
Use the SDK that matches your stack. TypeScript/JavaScript is common for web apps, while Python fits backend scripts and notebooks. Both examples are provided.
What if the insert fails with an auth error?
Confirm the API key and project URL are correct and exported to your environment. Ensure the key has the required permissions for the target table.