Fullstack Threads Clone. ( Nuxt 3, Vue js, Tailwind CSS, Supabase, Prisma, Javascript, PWA, Meta )
John Weeks Dev
YO DEVELOPERS!!! In this Threads Clone Tutorial, I'll guide you through building a cutting-edge application using the latest and greatest technologies!
In this hands-on tutorial, we'll harness the power of Nuxt 3, Vue.js, Tailwind CSS, Supabase, and Prisma to create a fully functional Threads Clone application as a PWA. Whether you're a seasoned developer or just getting started, this step-by-step guide will equip you with the skills needed to craft modern and scalable web applications.
By the end of this tutorial, you'll have a solid understanding of how to build a full-stack PWA website using some of the most popular web development technologies available today.
LIKE!!! SUBSCRIBE!!! SMASH THE NOTIFICATION BELL!!!
And I'll see you in the video!
Buy me a coffee - https://www.buymeacoffee.com/johnweeksdev
Build & Deploy a Linktree Clone - https://www.youtube.com/watch?v=NtsbjB8QD3Y Build a TikTok Clone - https://www.youtube.com/watch?v=CHSL0Btbj_o Let's Build Instagram - https://www.youtube.com/watch?v=MjkamZQJY_8 Let's Build Spotify in 90 minutes - https://www.youtube.com/watch?v=ZzuqwqP1wAQ Let's Build Twitter in 90 minutes - https://www.youtube.com/watch?v=RWJF0xSSaps Let's build Netflix (TV VERSION) - https://www.youtube.com/watch?v=PYz021FzZhg Let's Build YouTube in 90 minutes - https://www.youtube.com/watch?v=o-hIuejQzAA
GitHub Repo: https://github.com/John-Weeks-Dev/threads-clone
00:00 - Threads clone demonstration | Nuxt 3 | Vue JS | Supabase | Prisma | Tailwind CSS | Pinia | Javascript 02:35 - Project setup 06:41 - MainLayout | Nuxt Layouts | Tailwind CSS | Vue 3 10:48 - Create Pinia Store 11:26 - IndexPage | Tailwind CSS | Vue 3 16:56 - Post Component | Nuxt Components 22:53 - Create Post Overlay | Nuxt Component 31:09 - Auth Page | Nuxt js | Nuxt 3 | Tailwind CSS 33:57 - Menu Modal Overlay 36: 15 - Supabase Setup with Nuxt | GitHub Setup 39:34 - Prisma Setup | One To Many Relation 42:32 - Api Setup | Nuxt js | Nuxt 3 45:24 - Auth GitHub Login | Supabase Login 48:58 - Updating Application Pages 55:07 - Create Post Supabase Function | File Upload | Supabase Storage 59:34 - Add All Post Functions | Supabase Storage Policy | Delete Post | Add Like 1:10:10 - Add PWA Package | Vite PWA 1:11:40 - FINISHED!!! LIKE! SUBSCRIBE! BELL! THANKS!!!
Fullstack Threads Clone Nuxt 3 tutorial Vue.js tutorial Tailwind CSS tutorial Supabase tutorial Prisma tutorial Meta Platform tutorial Fullstack web development Modern web applications Build a Meta Platform Step-by-step tutorial Web development tutorial Hands-on coding Real-time data handling Authentication with Supabase
#ThreadsClone #FullstackThreadsClone #nuxtjs #nuxt3 #vuejs #tailwindcss #supabase #PrismaTutorial #MetaPlatformTutorial #FullstackWebDevelopment #ModernWebApplications #BuildAMetaPlatform #StepByStepTutorial #WebDevelopmentTutorial #HandsOnCoding #RealTimeDataHandling #AuthenticationWithSupabase ... https://www.youtube.com/watch?v=TfKDkErJUtk
229393119 Bytes