Curriculum for the course YouTube Clone – T3 Stack Tutorial (Next.js, TypeScript, Tailwind CSS)
Learn how to use the T3 Stack (Next.js, Typescript, TRPC, Next Auth, Prisma, and Tailwind CSS) to build a full stack video streaming app similar to YouTube. You will learn how each technology comes together to build an end-to-end web application. CLOUDINARY DATA: https://drive.google.com/drive/folders/1JTj1JJSCxtRvNfxRSSgXCJePkYW6vBPV FIGMA DESIGN: https://www.figma.com/file/Bkz0ewKqWyIOCt2sewUnhW/Vidchill---Design?type=design&node-id=48-33046&mode=design GITHUB REPO: https://github.com/jeromemccree/vidchill_tutorial DEPLOYED APP: https://www.vidchill.org/ ✏️ Course created by Jerome McCree. Instagram: https://www.instagram.com/jeromemccree/ Twitter: https://twitter.com/jeromemccree/ ⭐️ Contents ⭐️ ⌨️ (0:00:27) Intro ⌨️ (0:00:50) Demo ⌨️ (0:12:05) Tech Stack ⌨️ (0:20:20) Setup ⌨️ (0:38:14) Write Prisma Models ⌨️ (0:55:27) Seed Database ⌨️ (1:22:27) Adding Tailwind ⌨️ (1:25:12) Button Component ⌨️ (1:38:27) Navbar Component ⌨️ (2:26:52) Sidebar Component ⌨️ (2:53:42) Layout Component and mobile sidebar ⌨️ (3:34:00) Mobile Footer Component ⌨️ (3:45:27) Home Page ⌨️ (3:57:47) Error/Loading Message Component ⌨️ (4:12:27) MultiColumnVideos Component ⌨️ (4:36:27) Search Page ⌨️ (4:50:27) Video Page Begin ⌨️ (5:45:27) Build Follow Button ⌨️ (6:09:23) Build Like and Dislike Button ⌨️ (6:58:22) Description Component ⌨️ (7:12:12) Comment Component ⌨️ (7:46:57) Save Video Button ⌨️ (8:41:17) Profile Header Component ⌨️ (9:21:27) Profile Videos Page ⌨️ (9:33:47) Profile playlist Page ⌨️ (10:02:47) Playlist Page ⌨️ (10:33:48) History and Like Videos Page ⌨️ (10:42:01) Profile Announcements Page ⌨️ (11:07:57) Like and Dislike Announcement Buttons ⌨️ (11:28:27) Add announcements ⌨️ (11:40:37) Profile Following Page ⌨️ (12:03:22) Start of Dashboard Page ⌨️ (12:39:47) Publish Button ⌨️ (13:00:57) Delete Button ⌨️ (13:33:27) Edit Button ⌨️ (14:25:36) Upload Button 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/newsWatch Online Full Course: YouTube Clone – T3 Stack Tutorial (Next.js, TypeScript, Tailwind CSS)
Click Here to watch on Youtube: YouTube Clone – T3 Stack Tutorial (Next.js, TypeScript, Tailwind CSS)
This video is first published on youtube via freecodecamp. If Video does not appear here, you can watch this on Youtube always.
Udemy YouTube Clone – T3 Stack Tutorial (Next.js, TypeScript, Tailwind CSS) courses free download, Plurasight YouTube Clone – T3 Stack Tutorial (Next.js, TypeScript, Tailwind CSS) courses free download, Linda YouTube Clone – T3 Stack Tutorial (Next.js, TypeScript, Tailwind CSS) courses free download, Coursera YouTube Clone – T3 Stack Tutorial (Next.js, TypeScript, Tailwind CSS) course download free, Brad Hussey udemy course free, free programming full course download, full course with project files, Download full project free, College major project download, CS major project idea, EC major project idea, clone projects download free
Comments
Post a Comment