In this 3.5 hours tutorial you will learn how to build a fully-responsive and a functional social media platform for coders using Remix and Supabase.
✨This is beginner friendly, and any React developer can follow along.
✨Links:
Github (course material) - https://github.com/rajeshdavidbabu/re...
Github (Deployed App) - https://github.com/rajeshdavidbabu/re...
Live Demo - https://www.gitposter.dev
Discord: / discord
X.com: / rajeshdavidbabu
Paid consulting: https://topmate.io/rajeshdavidbabu
✨Key Learnings:
Architect an app from scratch
Remix V2 + Supabase
Ideate UX Flow
Design Database
Github OAuth
Manage User Profiles
Post, Like and Comment on Posts
Infinite Content Feeds
Optimistic & Pending UIs
ShadcnUI & TailwindCSS
✨Timecodes:
Intro - 0:00:00
Quick Demo - 0:00:51
UX flow and Behaviour - 0:04:05
Database Design and Implementation - 0:05:11
Setting up Remix App - 0:20:39
Building Basic Routes and Layout - 0:23:58
Building Basic Components - 0:52:17
Download Database Types - 01:22:27
Setting up Supabase @SSR - 01:24:21
Supabase Github OAuth - 01:40:45
Database Layer for Supabase - 01:45:03
Infinite Posts using React-Virtuoso - 01:55:54
Implementing Search on Infinite Posts - 02:13:20
Implementing Write Post - 02:20:29
Implementing Profile Page - 02:29:13
Implementing Likes - 02:44:53
Implementing Comments - 02:52:32
Building Individual Post Page - 02:58:34
Individual Post on Profile Route - 03:13:55
✨Advanced Remix Concepts✨
Skipping Revalidation on Infinite Posts - 03:16:06
Update Likes & Comments Count on Infinite List - 03:20:48
Optimistic UI and Error Toasts - 03:25:57
Deployment and Final Demo - 03:31:51
Смотрите видео Build a Complete Social Media Platform with Remix(V2), Supabase(with OAuth) and TailwindCSS онлайн без регистрации, длительностью online в хорошем качестве. Это видео добавил пользователь Raj talks tech 05 Декабрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 9,286 раз и оно понравилось 300 людям.