Hello, I'm using app router, my page has a call to a backend endpoint

Unanswered

Giant wood wasp posted this in #help-forum

Giant wood waspOP

2023-09-19T12:50:43.000Z

How can I make it the call on each request?. I want to simulate getServerSideProps in page router, because the data changes a lot. Thanks and regards

23 Replies

riský

2023-09-19T12:53:02.000Z

you just do the db calls in the server component (the export default async function...)

getServerSideProps is removed in app dir and replaced with direct fetching

Giant wood waspOP

2023-09-19T12:56:33.000Z

I tried that, but the data was cached when I did the app build

riský

2023-09-19T12:56:54.000Z

so you don't want caching?

Giant wood waspOP

2023-09-19T12:57:17.000Z

No, I don't

riský

2023-09-19T12:57:30.000Z

thats an easy fix:

export const dynamic = 'force-dynamic' 
https://nextjs.org/docs/app/building-your-application/caching#opting-out-2

Giant wood waspOP

2023-09-19T12:58:07.000Z

I want to have always the real data

export const dynamic = 'force-dynamic'

riský

2023-09-19T12:58:56.000Z

yes, that should do your wishes

Giant wood waspOP

2023-09-19T12:59:41.000Z

mm ok, I will try that way

Thanks my friend

I forgot a detail, I'm using axios to fetch data, Does that matter?, or is it the same?

riský

2023-09-19T13:05:39.000Z

that shouldn't change it

Giant wood waspOP

2023-09-19T13:05:52.000Z

OK, thanks agaim

riský

2023-09-19T13:05:53.000Z

but: https://www.adios-axios.com (if you use fetch, you will have to make sure that function doesn't cache)

@Giant wood wasp OK, thanks agaim

riský

2023-09-19T13:07:24.000Z

so it worked ðŸ™‚?

Giant wood waspOP

2023-09-19T13:07:51.000Z

with that it fixed cache: 'no-store'

with fetch

riský

2023-09-19T13:08:09.000Z

yeah

@riský so it worked ðŸ™‚?

Giant wood waspOP

2023-09-19T13:08:46.000Z

I don't try yet,

I'm working, when have a break I will try it

riský

2023-09-19T13:10:29.000Z

all good

Giant wood waspOP

2023-09-19T13:10:37.000Z

Thanks bro