#Has anyone built the zoom clone lately, I could use some help.

43 messages · Page 1 of 1 (latest)

quasi atlas
#

hey everyone, anyone built the zoom clone lately, I could use some help. I spent all day yesterday trying to get it to build and I keep getting random errors like: Module not found: Can't resolve '@/components/hooks/use-toast

tiny path
#

Try looking for it in the hooks directory: '../hooks/use-toast';

#

Apparently Shadcn doesn't install the toast hook in the components folder anymore, but the root directory of the project

quasi atlas
#

so where should it actually be?

#

for some reason I had the same page in two placesin the root and in the hooks folder, I deleted the one in the hooks folder

tiny path
#

It doesn't really matter, as long as you consistently import properly throughout the project. So you can just go back whenever the "use-toast" hook is imported and make sure the path is right. 🙂

quasi atlas
#

for some reason my toaster.tsx file has five errors pertaing to this and even copied the code from JSM github after repeated attempts to fix?

#

I think toast is the issue and my main file causing problems in components / ui / toaster.tsx

#

fixed!!!!

#

now the application builds but im having a problem with clerk

tiny path
#

I've seen some other people having issues with Login/Signup redirects, same for you?

quasi atlas
#

it also keep throwing errors in the browser saying nextjs is out of date

#

im not sure at the momemt
too many random errors
let me log out and try to log back in

tiny path
#

Yeah also try clearing the cache or run "npm install" in the terminal to install the latest versions of everything

quasi atlas
#

looks like it is mostly working still some errors
Also in my personal meeting room the link is NOT working and says undefined?

#

all my links for meetings are saying undefined

#

undefined/meeting/user_2m9q8VYs1QeYu1eBW8dX3ddubQg?personal=true

tiny path
#

Seems like you didn't redirect it correctly, you have to set up this line in .env:

NEXT_PUBLIC_BASE_URL=localhost:3000

And then call it in CallList.tsx under <MeetingCard

link={
type === 'recordings'
? (meeting as CallRecording).url
: ${process.env.NEXT_PUBLIC_BASE_URL}/meeting/${(meeting as Call).id}
}

#

Got a little messed up on paste, but you get the point

quasi atlas
#

ok let me try - thank you

tiny path
#

Make sure it's dynamic!! Use ` backticks

quasi atlas
#

kind of confused by this:? And then call it in CallList.tsx under <MeetingCard
link={
type === 'recordings'
? (meeting as CallRecording).url
: ${process.env.NEXT_PUBLIC_BASE_URL}/meeting/${(meeting as Call).id}
}

quasi atlas
tiny path
quasi atlas
#

I all the sudden got another error in code
MeetingCard.tsx
import { useToast } from "./ui/use-toast';

tiny path
#

Like this

${process.env.NEXT_PUBLIC_BASE_URL}/meeting/${(meeting as Call).id}

#

This needs to be wrapped between ` backticks

tiny path
quasi atlas
tiny path
#

Yep, under <MeetingCard> where you define properties like title, date, and link

quasi atlas
#

now im really confused - should I be on the MeetingCard or CallList page?

tiny path
#

Check out like 70

#

Line 70**

#

At line 89 he defines the link property, which didn't work for you

quasi atlas
#

yes my code is exactly the same

#

but not working

#

ok now the links are working - I guess kind of

#

but clerk is redirting after sign up?

#

wow, im getting it to work - but clerk is NOT cooperating?

#

btw - thank you for your time today, makes things nice when good people help!

quasi atlas
#

I finally cleared ALL the errors

But im still having one issue with clerk:
When I try to log onto the application with clerk its starts out just fine then it just loads a blank page and I hit refresh and then all the sudden im successfully logged into the app??

#

it doesn't happen every time though?