Full-stack recipe SaaS demo app
Auth, payments, protected routes, CRUD operations, webhooks, server actions, and more.TypeScript
Next.js
React
Tailwind
Supabase
Stripe
PostgreSQL
shadcn
Overview
Challenges & solutions
Challenge
Supabase offers several types of clients, such route handler, server action, server component, client component and other clients. It was challenging to understand the differences between them and how to use them.
Solution
Using the server client for RSC was straightforward. For client components, I used auth helpers to wrap the application in a context provider that would allow me to desctructure values (e.g. session).
Scroll
GithubGitHub link