Fullstack Threads Clone. ( Nuxt 3, Vue js, Tailwind CSS, Supabase, Prisma, Javascript, PWA, Meta )



Fullstack Threads Clone. ( Nuxt 3, Vue js, Tailwind CSS, Supabase, Prisma, Javascript, PWA, Meta )

Fullstack Threads Clone. ( Nuxt 3, Vue js, Tailwind CSS, Supabase, Prisma, Javascript, PWA, Meta )

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

Comments are closed.