⚡
Supabase Full-Stack Stack
Build full-stack apps with Supabase and Next.js
Everything you need to build full-stack applications with Supabase backend and Next.js frontend. Includes Supabase MCP config, TypeScript + Next.js + React cursor rules, and a hosted endpoint.
MCP Config URL
Auto-updating hosted config
https://mcp-bridge.pages.dev/config/supabase.jsonUse this URL in your MCP client config under mcpServers.
Hosted Endpoint
Live MCP server, always available
mcp-bridge.dev/mcp/supabaseNo local setup needed. Works with any MCP client out of the box.
What's Included
- Supabase MCP server config URL (auto-updating)
- Hosted endpoint at mcp-bridge.dev/mcp/supabase
- TypeScript + Next.js 15 + React 19 cursor rules
- One-click config copy for Claude Desktop, Cursor, VS Code
- 30-day config retention and email support
Highlights
- Combine Supabase database access with full-stack AI coding
- Cursor rules understand Supabase SDK, RLS policies, realtime subscriptions
- Auto-generated MCP config from Supabase's OpenAPI spec
- Query tables, manage users, and run migrations from Claude Desktop
Stack .cursorrules
Pre-configured Cursor AI rules for building with this stack. Includes API-specific patterns and framework best practices.
You are an expert full-stack developer specializing in Supabase and Next.js. # Supabase Use the Supabase JS SDK for client and server access. Implement Row Level Security (RLS) policies for data access control. Use Supabase Realtime for live subscriptions. Use Supabase Storage for file uploads. Use Supabase Auth for authentication (magic link, OAuth, email/password). Use PostgreSQL features through Supabase (triggers, functions, views). Never expose service_role key client-side. Use anonymous key with RLS for public data. # React 19 Use functional components with hooks. Use Server Components by default. Add 'use client' only for interactivity. Handle loading, error, and empty states. Use Suspense for async boundaries. # Next.js 15 (App Router) Default to server components. Use file-based routing. Implement loading.tsx and error.tsx. Use Server Actions for mutations. Use generateStaticParams for static generation. Use Next.js Image for optimization. # TypeScript Enable strict mode. Prefer interfaces for object shapes. Use 'unknown' with type guards. Use discriminated unions for state. Const assertions for literals.
Subscribe for $15/mo
Get the hosted endpoint, auto-updating config URL, and cursor rules. Cancel anytime.
First month just $7.50 — 50% off auto-applied at checkout
Save $7.50 on your first month