import pageData... VS pageData = await fetchPageData()...

In a SSR nextjs 13 app directory situation I though it was a simple and good idea to import the data and filter it for each page but I have experienced some stalls of the app that never resolves. Now I am rebuilding it using fetch-calls instead.

Any angles on that?

whatplan•8/27/23, 7:58 PM

you should fetch data where its needed and let next deduplicate it
see: https://nextjs.org/docs/app/building-your-application/data-fetching/patterns#fetching-data-where-its-needed

Data Fetching: Data Fetching Patterns

Learn about common data fetching patterns in React and Next.js.

parameter666OP•8/28/23, 3:54 AM

Thanks. It felt better generally after changing to using fetch for getting the data everywhere but I have something that makes the page freeze up after a couple of navigations.

The data that drives the page is a json I keep in the nextjs filesystem.
Should that work?

I'm staging it here. The freeze occures when going between the /services subpages
https://temp-freelancer-temp.vercel.app/

@whatplan Could you see what I'm doing wrong if I shared the repo?

whatplan•8/28/23, 4:25 AM

seems like a useEffect bug

whatplan•8/28/23, 4:26 AM

just is the most likely reason for it to weirdly freeze like that

Pparameter666 Thanks. It felt better generally after changing to using fetch for getting the d...

whatplan•8/28/23, 4:26 AM

Could you see what I'm doing wrong if I shared the repo?

yes I will take a look

parameter666OP•8/28/23, 4:27 AM

Here
https://github.com/parameter/temp-freelancer-temp

And thanks!

GitHub

GitHub - parameter/temp-freelancer-temp

Contribute to parameter/temp-freelancer-temp development by creating an account on GitHub.

parameter666OP•8/28/23, 4:28 AM

I had a client-part for kicking off a masonry layout but I threw it away so there are no client components left

parameter666OP•8/28/23, 4:30 AM

Wait. I found one more client component, let's see now

parameter666OP•8/28/23, 4:35 AM

Now there are no more client-components and it's running smooth.

The last client component was <ContactMe />
Any idea what I was doing there that made it freeze?

whatplan•8/28/23, 4:36 AM

it looks like the '/services subpages' freezing is gone at least for me

whatplan•8/28/23, 4:36 AM

where do you notice the issue with contact me

parameter666OP•8/28/23, 4:39 AM

I took it off for now and this is why it is running smoothly, as it seems.

<ContactMe /> has no useEffect and it just freezes with it there so no idea. Hehe.

parameter666OP•8/28/23, 6:52 AM

@whatplan Many thanks for getting me in the right direction.

Putting the client-component in a layout seems to have solved it.

Any ideas why this pattern works?

import pageData... VS pageData = await fetchPageData()...

Similar Threads

Similar Threads

Similar Threads