Full Stack TikTok Clone with Next JS, React, Typescript, Tailwind CSS, Zustand, AppWrite, Vercel

🚀 Full Stack TikTok Clone with with Next JS 13, React, Typescript, Tailwind CSS, Zustand, AppWrite, Vercel

Welcome to our comprehensive tutorial where we'll guide you step-by-step in creating your very own Full Stack TikTok Clone from scratch using the latest and most powerful web development technologies.

LIKE!!! SUBSCRIBE!!! SMASH THE NOTIFICATION BELL!!!

And I'll see you in the video!

For freelance or contract work inquiries, kindly connect with me via Twitter / X:
Thank you.

05:54 - Project setup
10:40 - MainLayout and UploadLayout
27:34 - SideNav
41:39 - MainPage | Home
58:13 - UploadPage
1:15:05 - ProfilePage
1:28:35 - EditProfileOverlay
1:51:13 - PostPage
2:22:02 - AuthOverlay
2:31:12 - AppWrite Setup
2:41:22 - Authentication Setup
3:14:30 - Creating all of the React hooks
3:33:46 - Connecting all of the app together
4:38:24 - Build finished / Upload to Github and deploy to Vercel
4:45:28 - Thanks for watching! LIKE! SUBSCRIBE! BELL!

#nextjs
#typescript
#tiktok

[davidmutua]

Thank You Johnte. From codding along a few projects. Especially Vue and Laravel. I built my github portfolio. Haven't got a job via that yet. But when I share it I feel confident I rank higher than me last year. Also with that knowledge I built more personal web applications. And now am working with Seniors as the main TailwindCSS guy. They are using Laravel for backend. Couldn't be any happier. It makes me so confident. Am a Full-stack Dev now.

[virtuality]

Love this tech stack, excited to view your next projects. Thank you 🤩🤩

[agustinoVzla]

Hello, greetings from Venezuela, your videos are a very valuable learning experience. I hope you can upload more videos like this

[BigStupidTech]

Outstanding, man, can't wait to try this!

[alancoder]

Yay, love this tech stack and the way you make educational video. Waiting for your Linktree project

[miraclenerdkidchiki]

Thanks so much for doing this in Next.js...i know you are more a vue grease to your elbow broher 💪

[marios]

Thanks for remaking this in Next 13!, lets do it

[devflo]

Please check the description, it doesn't correspond with the video

Than you for this awesome tutorial btw❤

[arystanbekjetisy]

Please do more Nuxt/Vue stuff. Also thank you for your vids

[HAKIMKERRACHE]

Thank you very much Bro, you are a Guru))

[codingconcepts-js]

Thank you sir, for such a great project. Can you please make some more clones like this in Next-js.

[danmuhammad]

Super awesome as always!!

Hope you would do this kind of project (next, TS, tailwind) with OTP auth

[dannjohnrem]

Create a laravel vue portfolio website with spatie permission and can modify the contents in your portfolio website like cms.

[vincentgazar]

Thank you for the tutorial. Any chance for you to do a second part with liked posts, follower, follow button, categories, live video..?

[marketingsafr]

Thanks for your greatful video. which video player library and hosting are using to get good perfoamnce ?

[ahmednabil-oozq]

nice hard work buddy i wish if someone could share this script

[IntegraITPro]

Wao, very very good. i will recommend you.

[tonygoldsmith]

Can you cover adding an e-commerce store and product review like TikTok?

[AbolfazllH-xlzh]

Hello, I decided to learn typescript, but I did not find an authentic tutorial. Thank you for your guidance

[Noli]

Thanks a lot... Can you do something with NextJS 14, Zustand, TypeScript, Zod, TailwindCSS, Prisma and Supabase?