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

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

insidewebdev

54 года назад

111,628 Просмотров

🎁 FREE Nuxt 3 Cheatsheet : https://iwd.sh/nuxt-cheatsheet
🙌 Stuck?! Join our Discord Server: https://discord.gg/5KfYYcCaD4
💰 Make money coding with fiverr : https://iwd.sh/fiverr

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.

💰 Get 100$ of FREE Credit with Linode : https://iwd.sh/linode

📚 Materials/References:
Assets: https://gist.github.com/hassnian/a8ef7f243dcc933887b31af77e73df29
Code: https://github.com/insidewebdev/twitter-clone

⌛️ 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:
Instagram: https://iwd.sh/ig
Twitter: https://iwd.sh/twitter
Facebook: https://iwd.sh/fb
GitHub: https://iwd.sh/github
Discord community: Coming soon..
Website: https://insidewebdev.com

👨‍⚖️ 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!

--

Тэги:

#javascript #master_javascript #mongodb_tutorial #full_stack #nuxt_3_app #nuxt_3_app_authentication #nuxt_3_tailwind_prisma #nuxt_3_tutorial_for_beginners #nuxt_3_application #full_stack_nuxt_prisma_application #nuxt_3_crash_course #full_stack_social_media #insidewebdev #vue_full_stack #nuxt_3 #nuxt_3_tutorial #nuxt_3_course #prisma_auth #javascript_for_beginners #prisma_tutorial #tailwind_css #tailwind_css_tutorial #nuxt_course #nuxt_3_full_course
Ссылки и html тэги не поддерживаются


Комментарии: