Build and Deploy: TWITTER clone with React, Tailwind, Next, Prisma, Mongo, NextAuth & Vercel (2023)

Hlo,
Zustand not working on switching the auth modals
pls help

You create this amazing thing you deserve a lot more subs

👌

i am not able to import react-icons properly what can i do i was tried about
npm install react-icons
npm update react-icons
and all other methods what can i do ??

i completed everything and there's no error while running on local host but its having some error connecting to database when i deploy it on vercel

How to deploy this?

I'm only 8min in but so far I wish he explained way more of the reasoning behind doing things. I still have zero clue what is going on, especially because my version of next.js is newer and so it's hard to even compare what I should do instead. I can't believe he doesn't even explain the tailwind className convention

But I didn't get pages module..wgat would be the reason for that??

Hi Antonio, I really have enjoyed watching your tutorial videos with todays newest coding technology. Can you possibly do a tutorial video on like a Facebook clone because your coding is very clean? I’m looking for a good social media clone where I can share images, videos, comments, likes, etc across a community website that everyone I know is used to using. Keep up the great videos, I’m really enjoying watching them.

Amazing amazing job😊

sir can u please teach typescript and tailwind css??

if you follow someone else, you lose the one you were following before ==> use let updatedFollowingIds = [...(currentUser.followingIds || [])] instead of let updatedFollowingIds = [...(user.followingIds || [])]; in follow.ts

Can someone explain how is the follow and unfollow functionality working? I tried but I couldn't wrap my head around it.

Meta must have used this tutorial 😂

AMAZING, but you've said "just make sure the files your uploading are not too big otherwise it's not going to work". can you tell me what you meant? i'm guessing it's b/c you're converting it to base64. if so what size is the max amount?

I am really enjoying these in depth tutorials. I have one question (so far) and it's most likely my inexperience talking but why do you wrap your onClose, onSubmit etc in useCallback?

Helppp!!!! The newer version of next js makes it harder for me to follow videos as new folder structure been made after we create new next app

im not getting the pages folder? is it due to the udpate

Do you have react-native projects plan ? Currently I learn react-native is so boring.

Can you help I'm getting [next-auth][error][CLIENT_FETCH_ERROR] after hosting on vercel

Excellent!

I must say after an hour you sounded like you are either stressed or without focus (maybe overworked).
Remember to take regular breaks from work :D

Just a question, how are you typing 'sfc' and all the const stuff pops up?

what are these: NEXTAUTH_JWT_SECRET=
NEXTAUTH_SECRET=

I am super excited to watch how Thread developed

I found your channel a couple months ago, and your content has treated me well! Thanks for the amazing content!

Mark Zuckerberg likes that

legend's started from here

A great guide! Helped me figure out how to work with uploading images. Though, in my opinion, instead of typing "data" field in "PostItemProps" interface as "Record<string, any>", for example, you could use "Post" type, provided by Prisma, (import type {Post} from '@prisma/client') from what I read it's a better practice for typing. P.S. that goes for all Prisma instances

UPD: The method described above does not include related fields in its type. In this case, you can do:
import {Prisma} from '@prisma/client'
type Post = Prisma.PostGetPayload<{ include: { user: true; comments: true } }>; (in this case, "user" and "comments" are related fields that you want to include. In "PostGetPayload" "Post" is your model name.

This way your "Post" type will include all the fields and will be typed properly!

the app is running fine locally, but when i push it to varcel only the land page shows and none of the logic works. any insights would be swell. cheers

Why there there no retwitte function

Hello! I deployed the app to my VPS. However after login or logout, it redirects me from my server to localhost:3000. How to set it up tp stay on server URL please?

great video!!! but i wanna change about database, so if i wanna add 'title' in the 'Post' in schema file, what should i do ? i justt added 'title' and modified other files i think there is sth i missing .. ., pleas help me thankyou !

I have a problem with the Bio updater, and it's the same as you did and I can't find the error

Meta's been watching your video...

Hello from Kyiv, thank you for content man, now me and my friend trying to learn programming, sometimes we have difficulties, and i think it is normal for us, because we are beginners, wish you have a good day, more and more subscribers 😊

@codewithantonio learned a lot from the tutorial, just having a problem deploying it on Vercel, it is getting deployed fine but all the APIs are giving a 500 server error, can you see a reason why?

Hey Antonio, how should I go about the project since I am getting a different folder structure when I do create-next-app.

hei Antonio, i have already deploy twitter clone, but when i login i got the 500 server erroor and when i try to signup i got the error, how to troubleshoot?

Thanks Antonio, went through the entire project, very valuable, I have one bug with followers but the rest looks good

Hey Antonio, I am having an issue with the followers. It doesn't show when I have a followers or let me Unfollow. Is this part of the issue you mentioned or is it a type o? I have no issues with the login. Could you tell me where I should look to fix this error? I re watched the section where you made the follow section and I can't find my error. It shows following but not followers? Thank you for the walk through it has been a lot of fun and great info!

Great project! Learned a lot from building this. Thank you Antonio <3