Build and Deploy a Full Stack Social Media App with Nuxt 3, TailwindCSS and Prisma | FULL COURSE

We are going to be making a Social Media App (a Twitter clone) and you will learn how to build the best and most modern one using Nuxt 3, Tailwind CSS and Prisma simply by watching this course.

Our Social Media Application includes Auth made from scratch using JWT the ability to create posts , upload images using cloudinary , nested posts , searching functionality , post details page, responsive design using Tailwind css and much more.

📚 Materials/References:

⌛️ Timestamps:
00:00 - Intro
02:00 - Freebie
02:22 - Demo
05:41 - Installing Nuxt 3
06:56 - Installing TailwindCSS
08:16 - App overview and starting left sidebar
45:52 - Starting right sidebar
01:14:57 - Creating main section
01:30:00 - Prisma setup and starting with auth and nitro server
02:02:54 - Creating auth page and implementing refresh tokens
02:55:10 - Adding tweet model and tweet creation logic
03:15:12 - Adding tweet form
03:48:27 - Starting with tweet list feed logic
04:23:56 - Starting tweet item component and tailwind classes issue
04:55:34 - Backend get tweet endpoint
05:06:01 - Starting tweet details page
05:35:28 - Creating tweet modal component
06:04:27 - Creating tweet search page
06:24:51 - Adding logout functionality and fixing auth form
06:40:28 - Deployment

👉 Checkout Insidewebdev on social:
Discord community: Coming soon..

👨‍⚖️ Disclosure
This video might have affiliate links . This means that if you buy or signup from my link, I will get a small commission at NO EXTRA COST TO YOU. Thank you for supporting me!

--

[vuedev]

Thanks for sharing -- solid teacher and content -- I hope you continue to do so because discovering quality nuxt and vue 3 content is hard to find!

[koigxiritbttgyuv]

Im an advanced web dev but as I am now at 2:23 minute of this video i already love you so much. Thanks for making content like this.

[ozzyfromspace]

Hey bro! I got into Vue about 6 months ago (transitioning from React/NextJS because of my new company's tech stack) and decided 2 nights ago that I would see what all the hype around Nuxt is. This is my first project video and, bro, you're really good!! For whatever reason, like 2 minutes into this video, I knew I was in great hands. I just wanna let you know that I appreciate you posting this on YouTube. Thanks for your hard work, good pace for beginners like me, and generally calm and informative style. Totally liked and subbed! Stay blessed bro 🕊☮📈

[fayazara]

Coding along with this course. Perfect speed at which you are talking and writing code. This is a really good no bs tutorial.

Hope some day you make a similar course(wont mind if its paid) with a Saas use case, handling payments, apis, social auth etc. Would be a very good starter kit.

[Kilinho]

What a great content! My first interaction with NUXT 3

[singstar]

Love it, please continue to made more kind of this

[_the_one_]

WOW! Amazing video and awesome channel. Subscribed and turned notifications on! Thank you

[lamatdroid]

Nice one👍 Really appreciate your time and work

[alexprofit]

Thank you for this course, it was really great .

[stsmuniz]

2:02:00 the method signature seems to have changed

now, the first parameter is the event instead of the event response

[calvinnguyen]

Awesome tutorial and overview of amazing technology!

[ekekw]

Great video! One question, what is the benefit of using nuxt server api (nitro/h3) vs a traditional express/fastify backend?

[michaelzhou]

Great Work!!! I love your video and cheatsheet!!

[alexprofit]

I like it . First touch with Nuxt 3 and Prisma

[assoftTR]

First of all, I would like to thank you for preparing such a comprehensive content with nuxt 3. I will be looking forward to the sequel.

So how would you implement rate limiter and filesystem cache on nuxt in your scenario?

Do you have a suggestion for this? Maybe you can make a video about it.

[Yakeeniku]

Finally some nuxt js project tutorial, thanks!

[DharmeshPrajapatiM]

Thank you very much for this great tutorial.

[muhammadkhizar]

Can you make a part2 of this course which include more basic functionalities like signup, and add settings and also many other stuff?

[cvmlpik]

Excellent course.. I'm eagerly waiting for your next nuxt js videos..Can you please upload more tutorials like this

[darksideishere]

For those who don't know, useBody() is now readBody().