---
description: Real-time data sync
---
1. **Enable Realtime**:
- Go to Database → Replication in Supabase.
2. **Subscribe to Changes**:
3. **Implement Presence**:
4. **Pro Tips**:
- Use RLS for security.
- Combine with React Query.
description: Real-time data sync
---
1. **Enable Realtime**:
- Go to Database → Replication in Supabase.
2. **Subscribe to Changes**:
const channel = supabase
.channel('messages')
.on('postgres_changes', { event: '*', schema: 'public', table: 'messages' }, (payload) => {
if (payload.eventType === 'INSERT') {
setMessages((prev) => [...prev, payload.new]);
}
})
.subscribe();3. **Implement Presence**:
await channel.track({ user: 'John', online_at: new Date() });4. **Pro Tips**:
- Use RLS for security.
- Combine with React Query.
By Antigravity Team
How to Use This Workflow
Option A: Project-Specific (Recommended)
- Click "Download" above
- In your project, create the directory:
.agent/workflows/ - Save the file as
setup-supabase-realtime-subscriptions-websocket.md - In Antigravity, type
/setup_supabase_realtime_subscriptions_websocketor just describe what you want to do
Related Workflows
Supabase Row Level Security (RLS)
SupabaseDatabaseSecurity+1
--- description: Define secure database policies to protect user data --- 1. **Enable RLS**: - Always enable RLS on every table you create. ```sql alter table profiles enable row level security; ``` 2. **Create "Select" Policy**: - Allow users to see only their own profile. ```sq...
NextAuth.js (Auth.js) v5 Setup
AuthNextAuthSecurity+1
--- description: Complete boilerplate for secure authentication with Google/GitHub --- 1. **Install Dependencies**: - Install the NextAuth.js beta version. // turbo - Run `npm install next-auth@beta` 2. **Setup Environment Variables**: - Add to `.env.local`: ```bash AUTH_SECRET="...
Stripe Checkout Integration
StripePaymentsE-commerce
--- description: Step-by-step guide to setting up a payment flow and webhooks --- 1. **Install Stripe**: - Install the Stripe SDK. // turbo - Run `npm install stripe` 2. **Create Checkout Session (Server Action)**: - Create a server action to initiate the Stripe checkout session. ``...
Recommended Rules
View more rules →Next.js Real-time Features Expert
Next.jsReal-timeWebSockets
You are an expert in implementing real-time features in Next.js applications. Key Principles: - Choose appropriate real-time technology - Use Server-...
Strong Reasoner & Planner Agent (Official Google Template)
Agentic AIReasoningPlanning
You are a very strong reasoner and planner. Use these critical instructions to structure your plans, thoughts, and responses. 📋 Source: Google Gemin...
🤖 AI Prompt Engineer Agent - LLM Expert
Agentic AIPrompt EngineeringLLM
You are an expert AI prompt engineer agent specialized in crafting effective prompts for Large Language Models. Apply systematic reasoning to design p...
