Get serverside prop issue | Next.js | Page 1

slender tendon Mar 16, 2022, 2:43 PM

#

jhjhjh

#

How does server side prop work?

#

server side prop fetch ***

#

Will it fix if i just make react fetch?

brave charm Mar 16, 2022, 2:45 PM

#

@slender tendon pls put a thread name that is meaningful

brave charm Mar 16, 2022, 2:46 PM

#

slender tendon server side prop fetch ***

does the page load any content

#

or it infinetly loads with no content

slender tendon Mar 16, 2022, 2:46 PM

#

Get serverside prop issue

#

infinitely loops, but i think has loaded home page before

#

when you click cabins page it infinitely loops

#

and ive drilled it down to get server side props

brave charm Mar 16, 2022, 2:47 PM

#

@slender tendon does your api endpoint respond?

slender tendon Mar 16, 2022, 2:48 PM

#

for all except cabins

#

yes

brave charm Mar 16, 2022, 2:49 PM

#

slender tendon for all except cabins

when you send a request to the cabins endpoint from somewhere else do you get a response?

#

also does the cabins page load any content?

slender tendon Mar 16, 2022, 2:49 PM

#

Screen_Shot_2022-03-17_at_12.49.34_am.png

#

It does not go to cabins i have to do /cabins manually

#

no content

brave charm Mar 16, 2022, 2:50 PM

#

@slender tendon not the page

#

the cabins api

slender tendon Mar 16, 2022, 2:50 PM

#

how to test?

brave charm Mar 16, 2022, 2:51 PM

#

slender tendon how to test?

send a request to the api from somewhere

slender tendon Mar 16, 2022, 2:52 PM

#

it console logs data in api but not respond i dont think

brave charm Mar 16, 2022, 2:52 PM

#

when you console.log(cabinData) do you get anything?

#

@slender tendon

slender tendon Mar 16, 2022, 2:54 PM

#

yes on api

#

every time request it console logs

#

but not send

brave charm Mar 16, 2022, 2:55 PM

#

slender tendon but not send

are there any errors on the server?

slender tendon Mar 16, 2022, 2:56 PM

#

no

brave charm Mar 16, 2022, 2:57 PM

#

hmmm

#

@slender tendon what is your next.config.js?

frank field Mar 16, 2022, 3:00 PM

#

@brave charm Btw he had previously bazillion script tags in _app.js fetching libraries from cdns like jquery (twice). It might be something with that also

slender tendon Mar 16, 2022, 3:00 PM

#

Screen_Shot_2022-03-17_at_1.00.20_am.png

brave charm Mar 16, 2022, 3:00 PM

#

frank field <@!828288323684401202> Btw he had previously bazillion script tags in _app.js fe...

but the rest of the pages work

slender tendon Mar 16, 2022, 3:00 PM

#

@frank field i tested and no its to do with cabins

brave charm Mar 16, 2022, 3:01 PM

#

so the bazillion script don't have an effect

slender tendon Mar 16, 2022, 3:01 PM

#

That code is trash but it works, i will change in future

#

i tried fetching /cabins which is the route

#

and 404

brave charm Mar 16, 2022, 3:02 PM

#

404?

slender tendon Mar 16, 2022, 3:02 PM

#

Screen_Shot_2022-03-17_at_1.02.18_am.png

obtuse minnow Mar 16, 2022, 3:02 PM

#

Why is the first screenshot localhost:3000 then this one is localhost:9000?

slender tendon Mar 16, 2022, 3:02 PM

#

because it is api

#

9000 is api 3000 is app

brave charm Mar 16, 2022, 3:03 PM

#

slender tendon because it is api

also isn't it cabins/holiday?

#

process.env.NEXT_PUBLIC_REACT_APP_API_URL + "cabins/holiday"

slender tendon Mar 16, 2022, 3:04 PM

#

yes

#

true

#

but this wont be it

brave charm Mar 16, 2022, 3:05 PM

#

does this not give 404 at least?

slender tendon Mar 16, 2022, 3:05 PM

#

Screen_Shot_2022-03-17_at_1.05.52_am.png

#

yeah thats fine

#

Problem is fetch in server side prop

brave charm Mar 16, 2022, 3:06 PM

#

slender tendon Problem is fetch in server side prop

gSSP seems fine though

slender tendon Mar 16, 2022, 3:07 PM

#

ok

#

maybe it is api response

#

And also weird how before everything slow to load

frank field Mar 16, 2022, 3:08 PM

#

~~@slender tendon what if you comment out the fetch in useEffect in LongTermsDetails~~

slender tendon Mar 16, 2022, 3:09 PM

#

cabin details is a seperate page

#

i think

frank field Mar 16, 2022, 3:10 PM

#

~~I meant LongTermDetails~~

#

Is <AllCabins> on that page? Can you show it?

slender tendon Mar 16, 2022, 3:28 PM

#

Sorting few things

#

it might fix

wheat kayak Mar 16, 2022, 11:08 PM

#

try using something like SWR or fetch in a useEffect hook, get the data on the client if you can, that way the site loads faster.

that way will work though, just not the most optimal

slender tendon Mar 17, 2022, 4:08 AM

#

I fixed it, I believe was a server issue however was freezing instead of showing error message which is weird

#Get serverside prop issue