props.product is undefined, as the error says

umm yea how do i fix it bro?im kinda new at this

oh didn't notice at first, could've given you a more helpful answer

since you are using the app router you simply don't have getserversideprops. instead use server components: https://nextjs.org/docs/app/building-your-application/upgrading/app-router-migration#server-side-rendering-getserversideprops

i really appreciate the help but do you have any video that can tell me exactly how to solve it?that would make life more easier

like how do i set it up

the page i linked to has these examples, have you read this part?

so if i re-install the project without the app router will i be able to use getserversideprops???

if you use the pages router then you do have getserversideprops; if you want to use the pages router then just create it

make a pages/index.tsx

and make your page there