Next.js / Supabase: CRUD, Authentication, RPC, Database, Functions, Buckets, Server Actions

Effortless Authentication: Implement login with Google, GitHub, and email/magic links.
Database Management: Master Supabase's database features using the SQL editor and table editor.
Access Control: Secure your data with Row Level Security (RLS) policies.
Automate Workflows: Create functions and triggers to react to database events.
Protect Your App: Implement server-side authorization and protect specific pages.
Handle Complex Logic: Build server-side actions for advanced functionality.
And More...

#codewithlari #supabase #nextjs14 #typescript #rpc #postgresql

Let's connect on linkedIn:

Github:

Want to buy me a coffee?:

SQL

Docs:

Timestamps:
0:00 Intro
02:52 Getting the source code
04:14 - Project walkthrough
06:07 - Supabase
14:54 - Nextjs Supabase Client (Supabase SSR)
23:20 - Email Passwordless Authentication Magic Link
33:53 - Google / Github Authentication
43:54 - Routes protection (Retrieve current user)
49:17 - Signout
51:56 - Middleware,
53:58 - SQL, User schema, Functions - Triggers, RLS,
01:14:40 - Fetch user data (getUser vs getSession)
01:19:55 - Supabase types
01:24:09 - Supabase Bucket / User UPDATE
01:46:38 - Server Actions / supabase RPC 🚀
02:01:50 - Protecting Server Page
02:06:49 - Outro

[pcv-free-as-a-bird]

Hi there!! Thank you for the video it was really nice.. I’ve setup supabase/srr on my Remix js app. The createBroswerClient and createServerClient works!!

But I still don’t understand the concept between when to use the Broswer Client or the Server Client.. I know that when it’s for front-end is the Broswer Client but I think I would need a real life example to understand both. Anyone can help me?

[sicario]

for github codebase supaBaseclient & server files empty

[davidlintin]

I think you need to revalidate the path after updating the profile due to next js caching policies.

[mofekayode]

Curious to know why RPC was used at 1:55:24. Is that the only option to run a server action with supabase?

[matthewbeardsley]

Looking forward to seeing what I can improve on. I have an auth and db service layer which takes in a Supabase server or client instance, which I don't particularly like, so it would be nice to see how you handle it

[neillbryanriveralivia-expe]

Hi bro, nice video! I have a question:
How can I put a guard session in a Layout.tsx for all my pages, i need pass the user data all my website when users log in

[simonedwards]

Great video!!! A very good walkthrough with clear explanations.

[naylord]

🔥🔥🔥 Great content mate!
Thank you so much for sharing