background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

Скачати "Build a Complete Social Media Platform with Remix(V2), Supabase(with OAuth) and TailwindCSS"

input logo icon
Зміст
|

Зміст

0:00
Intro
0:51
Quick Demo
4:05
UX flow and Behaviour
5:11
Database Design and Implementation
20:39
Setting up Remix App
23:58
Building Basic Routes and Layout
52:17
Building Basic Components
1:22:27
Download Database Types
1:24:21
Setting up Supabase @SSR
1:40:45
Supabase Github OAuth
1:45:03
Database Layer for Supabase
1:55:54
Infinite Posts using React-Virtuoso
2:13:20
Implementing Search on Infinite Posts
2:20:29
Implementing Write Post
2:29:13
Implementing Profile Page
2:44:53
Implementing Likes
2:52:32
Implementing Comments
2:58:34
Building Individual Post Page
3:13:55
Individual Post on Profile Route
3:16:06
Skipping Revalidation on Infinite Posts
3:20:48
Update Likes & Comments Count on Infinite List
3:25:57
Optimistic UI and Error Toasts
3:31:51
Deployment and Final Demo
Теги відео
|

Теги відео

frontend
remix
supabase
tailwindcss
У вас вже встановлено UDL Helper Ви можете завантажувати відео в один клік!
Встановлено
для
Google Chrome

Опис:

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/remix-supabase-social/tree/master/youtube%20course Github (Deployed App) - https://github.com/rajeshdavidbabu/remix-supabase-social Live Demo - https://www.gitposter.dev/ Discord: https://discord.com/invite/R9aAX7zxkM X.com: https://twitter.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

Готуємо варіанти завантаження

popular icon
Популярні
hd icon
HD відео
audio icon
Лише звук
total icon
Усі формати
* — Якщо відео програється у новій вкладці, перейдіть до неї, а потім клацніть по відео правою кнопкою миші та виберіть пункт "Зберегти відео як..."
** — Посилання призначене для онлайн відтворення у спеціалізованих плеєрах

Питання щодо скачування відео

mobile menu iconЯк я можу скачати відео "Build a Complete Social Media Platform with Remix(V2), Supabase(with OAuth) and TailwindCSS"?mobile menu icon

  • Сайт http://unidownloader.com/ - найкращий спосіб скачати відео або аудіо окремо, якщо ви не бажаєте встановлювати програми або розширення.

  • Розширення UDL Helper - це зручна кнопка, яка органічно інтегрується в сайти YouTube, Instagram та OK.ru для швидкого завантаження контенту.

  • Програма UDL Client (для Windows) - найпотужніше рішення, яке підтримує понад 900 сайтів, соціальних мереж і відеохостингів, а також будь-яку якість відео, що доступна на ресурсі.

  • UDL Lite - це дійсно зручний спосіб отримати доступ до веб-сайту з мобільного пристрою. З його допомогою ви можете легко скачати відео безпосередньо на свій смартфон.

mobile menu iconЯкий формат відео "Build a Complete Social Media Platform with Remix(V2), Supabase(with OAuth) and TailwindCSS" вибрати?mobile menu icon

  • Найкращою якістю відрізняються формати FullHD (1080p), 2K (1440p), 4K (2160p) і 8K (4320p). Чим вища роздільна здатність вашого екрану, тим вищою має бути якість відео. Однак є й інші фактори, які слід враховувати: швидкість завантаження, обсяг вільного місця та продуктивність пристрою під час відтворення.

mobile menu iconЧому мій комп'ютер зависає під час завантаження відео "Build a Complete Social Media Platform with Remix(V2), Supabase(with OAuth) and TailwindCSS"?mobile menu icon

  • Браузер/комп'ютер не повинен повністю зависати! Якщо це сталося, будь ласка, повідомте про це з посиланням на відео. Іноді відео не вдається скачати безпосередньо у відповідному форматі, тому ми додали можливість конвертувати файл у потрібний формат. У деяких випадках цей процес може активно використовувати ресурси комп'ютера.

mobile menu iconЯк я можу скачати відео "Build a Complete Social Media Platform with Remix(V2), Supabase(with OAuth) and TailwindCSS" на свій телефон?mobile menu icon

  • Ви можете скачати відео на смартфон за допомогою веб-сайту або PWA-додатку UDL Lite. Також можна надіслати посилання на завантаження через QR-код за допомогою розширення UDL Helper.

mobile menu iconЯк завантажити аудіодоріжку (музику) в MP3 "Build a Complete Social Media Platform with Remix(V2), Supabase(with OAuth) and TailwindCSS"?mobile menu icon

  • Простіше за все скористатися програмою UDL Client, яка підтримує конвертацію відео у формат MP3. У деяких випадках MP3 також можна завантажити за допомогою розширення UDL Helper.

mobile menu iconЯк зберегти кадр із відео "Build a Complete Social Media Platform with Remix(V2), Supabase(with OAuth) and TailwindCSS"?mobile menu icon

  • Ця функція доступна в розширенні UDL Helper. Переконайтеся, що в налаштуваннях встановлено прапорець "Показувати кнопку знімка відео". У правому нижньому куті плеєра зліва від іконки "Налаштування" має з'явитися значок камери. Коли ви натиснете на неї, поточний кадр з відео буде збережено на ваш комп'ютер у форматі JPEG.

mobile menu iconСкільки це все коштує?mobile menu icon

  • Ніякої плати не потрібно. Наші сервіси абсолютно безкоштовні для всіх користувачів. Немає ніяких PRO-підписок, ніяких обмежень на кількість або максимальну тривалість відео, що можна скачати.