Social Media App Tutorial (React.js, Supabase, Tailwind, Next.js)

preview_player
Показать описание


Timestamps:
00:00:00 - intro/demo
00:00:52 - setting up supabase and login
00:15:44 - logout
00:19:49 - user profiles table
00:30:52 - show correct avatar and name on post form
00:40:19 - creating posts
00:50:13 - listing posts on homepage
01:14:54 - adding photos to posts
01:43:06 - profiles
01:49:25 - upload and update cover photo
02:12:29 - upload and change avatar
02:24:10 - update name, city
02:46:06 - user tabs and user posts
03:17:38 - post likes (hearts)
03:32:23 - comments
03:52:09 - bookmarking posts / saved posts
04:15:29 - outro
Рекомендации по теме
Комментарии
Автор

Thank you Dawid! Just completed Parts I & II and I'm super grateful for the lessons learned as I wanted to do a tutorial that was based on the Pages directory for Next.js, Tailwind and most importantly Supabase. You're a fricking champion! 🙏🏻😍

gigaxxiv
Автор

Like I said before, you have crazy quality videos! Hope you get more subscribers!

rkcoder
Автор

I haven't watched the video yet, but your work deserves likes, Dawid.
Liked it. Keep up the good work.

garikmelqonyan
Автор

Thank You for this social media app.
I finish the videos and done ALL. Step by step and its working. If you wanna a sugestion. Try to improve this app with New tools unstead of create a New hello world. Maybe twilio, or a maps, or finish 100% using the notifications and so on.... Thanks a lot Dawid!! Happy 2023

KelberStuchi
Автор

Greetings from Cuba, I translated this in google translate so you would understand me hahaha thanks bro

AlejandroRL
Автор

Thank you David, was a really good video, I learned a lot! You are so skilled, it's great to see how you quickly troubleshot all those problems. I hope I am as skilled one day! Thank you again

prathameshbhoite
Автор

THIS!! Such a helpful tutorial series! I've been following this but making the needed modifications for the /app directory in Next13. Thank you so much! Would love to see a part 3

BrianNelsonFilms
Автор

you're the GOAT!! I loveeee your teaching style! keep it coming!!

lewyathan
Автор

Notifications and friends would be cool to add.

donaldboulton
Автор

Top quality videos and you are very calm explaining it. Top Fan 💪🏼 also gonna help 💰

Capitao_Gomes-Fortnite
Автор

Very Good tutorial ! are you going to use NextJS13 app folder next time?

maverick-
Автор

This is great tutorials. Please make ecomerce with supabase

maxmaksum
Автор

Bro I Love this tutorial ❤❤

Please Bro For Your Next Project using same stack make a chat app

Like messenger 😁

freefakechannel
Автор

Good Job Brother can i have the sql code ?

hafizcode
Автор

I like your videos, i can learn from you a lot. Is it possible to make an Evernote clone MERN stack ?

marwen
Автор

Nice video, Sir can you make a video on node video streaming where videos are played in chunks, something like youtube did 😊

usmanshahid
Автор

This is awesome
Thanks!
Btw, do you have any plans to teach like how dockers comes in to play, how can we use docker in this app or something?
I am having a really hard time learning docker :(
Also, do you have a twitter handle?

CuriousAnonDev
Автор

Your teaching style is really good. I would just suggest you to remove the mistakes you make in the final video as it becomes really difficult to follow you and a simple task that could have been done in 5mins takes 10mins.

AsharEjaz
Автор

What is the point of server components if u are going to use useEffect anyway

AnassSanba-fd
Автор

Hi, thanks for the awesome tutorial, I tried it again and got a few problems, I can't get through google authentication on mobile devices (is it possible to fix this?) and when redirecting to a user's link in the comments of a post, the profile object becomes nested in more one object by type of recursive nesting like {profile{profile{id:.. avatar:..}}}, where could be the problem?

ilorski