Social media app clone, with the Next.js App Router and Supabase.
A project to learn more about these following concepts:
Next.js:
- Client Components
- Server Components
- Route Handlers
- Server Action
- Middleware
- Implementing Optimistic UI
Supabase:
- Configuring Supabase Auth to use cookies
- Using Row Level Security (RLS) policies to implement Authorization
- Querying data across multiple tables
- Introspecting PostgreSQL schema to generate TypeScript definitions with the Supabase CLI
- Subscribing to realtime database changes
This project is built with:
- Next.js: A React framework for server-side rendering and static site generation.
- Tailwind CSS: A highly customizable CSS framework.
- React: A JavaScript library for building user interfaces.
- TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.
- Supabase: A collection of backend tools with Postgres Database, Authentication, instant APIs, realtime subscriptions and Storage