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
비디오 태그
|

비디오 태그

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

  • 웹사이트나 UDL Lite의 pwa 애플리케이션을사용하여스마트폰으로동영상을다운로드할수있습니다. 또한 UDL Helper 확장을사용하여 QR 코드를통해다운로드링크를보낼수도있습니다.

mobile menu iconMP3 "Build a Complete Social Media Platform with Remix(V2), Supabase(with OAuth) and TailwindCSS"로 오디오 트랙을 (음악) 다운로드하는 방법은 무엇입니까?mobile menu icon

  • 가장편리한방법은비디오를 MP3로변환할수있는 UDL Client를사용하는것입니다. 경우에따라 UDL Helper 확장을통해 MP3를다운로드할수도있습니다.

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 구독이없으며다운로드한비디오의수또는최대길이에대한제한도없습니다.