We just launched a powerful set of UI components built on top of shadcn/ui—designed to make connecting your Supabase project to any React-based app (like Next.js, Remix, or React Router) easier than ever. In this video, we walk you through how to get started, set up your project, and leverage these components to ship faster.
Supabase UI Library (docs): https://supabase.com/ui
What you’ll learn:
🪜 How to scaffold a React/Next.js app
💅 How to add Supabase UI components
🧠 Tips for building faster with shadcn/ui
🌍 Real-world use cases and setup examples
🧑💻 Whether you’re building a dashboard, auth system, or full-stack app—these components will help you move fast and look good doing it.
00:00 Supabase UI Library
00:20 Creating a new Next.js project
00:40 Adding Supabase & UI Components
01:42 Installing Shadcn
03:22 Add an entire login flow with one command
04:55 Create a free Supabase project
05:48 Testing out the Sign Up flow
08:06 Adding File Upload flow with a single command
10:30 Implement Row Level Security (RLS) policy to enable File Upload
12:36 Up next: Supabase AI Assistant
💻 Videos to watch next:
▶︎ Introducing the official Supabase MCP Server: • Introducing the official Supabase MCP Server
▶ How to Use Cursor Agent and Supabase to Maximize Productivity: • How to Use Cursor Agent and Supabase to Ma...
▶ Building a SaaS with Lovable, Supabase, and Stripe: • Building a SaaS with Lovable, Supabase, an...
👇 Learn more about Supabase 👇
🕸 Website: https://supabase.com/
🏁 Get started: https://app.supabase.com/
📄 Docs: https://supabase.com/docs
🔔 Subscribe for more tutorials and feature updates from Supabase: / @supabase
📱 Connect with Us:
🐙 Github: https://www.github.com/supabase
💬 Discord: https://discord.supabase.com/
🐦 Twitter: / supabase
▶ Instagram (follow for memes): / supabasecom
ABOUT SUPABASE:
Supabase is the open source Firebase alternative. Supabase provides a full Postgres database for every project with pgvector, backups, realtime, and more. Add and manage email and password, passwordless, OAuth, and mobile logins to your project through a suite of identity providers and APIs.
Build in a weekend, scale to millions.
#Supabase #AppDevelopment #RealtimeApps #DeveloperTools
