How to get Fresh data with next.js and another backend api

Unanswered

fek posted this in #help-forum

2024-03-18T22:34:12.000Z

I'm using next.js 14 and I'm sending requests to the backend using another API. When I use fetch, if my page is not dynamic, that is, if I do not have a page like [id], [slug], my pages are created static and no fresh data comes. What can I do for it ?

20 Replies

@fek I'm using next.js 14 and I'm sending requests to the backend using another API. When I use fetch, if my page is not dynamic, that is, if I do not have a page like [id], [slug], my pages are created static and no fresh data comes. What can I do for it ?

Ray

2024-03-18T22:35:04.000Z

fetch('https://...', { cache: 'no-store' })

fekOP

2024-03-18T22:35:34.000Z

Does this feature work on static pages?

@fek Does this feature work on static pages?

Ray

2024-03-18T22:35:55.000Z

no, it will make the page become dynamic

if you want a static page, you will need to fetch the data on client side

@Ray if you want a static page, you will need to fetch the data on client side

fekOP

2024-03-18T22:37:03.000Z

how can I do ?

fetch data from client side

@fek fetch data from client side

Ray

2024-03-18T22:37:30.000Z

with client component

fekOP

2024-03-18T22:38:05.000Z

useEffect ?

@fek useEffect ?

Ray

2024-03-18T22:38:29.000Z

yes

  const [data, setData] = useState([])

  useEffect(() => {
    fetch('https://...').then(res => res.json()).then(setData)
  }, [])

but its better to use react-query or swr for it

fekOP

2024-03-19T00:54:31.000Z

hi @Ray

Frontend runs on localhost. Even though my data is still changing on the backend server, new data is not coming.

why is this happening

@fek Frontend runs on localhost. Even though my data is still changing on the backend server, new data is not coming.

Ray

2024-03-19T00:58:28.000Z

what do you mean new data is not coming? do you see new data if you refresh the page?

fekOP

2024-03-19T01:01:39.000Z

Actually, the post title named post 1 is not named post 1, I changed the name and still refreshed the same page many times, there were changes in my database and API, but there is no change in the frontend.

sometimes it loads 1 or 2 minutes late

I add, delete or update but the data still remains on the page

@fek I add, delete or update but the data still remains on the page

Ray

2024-03-19T01:08:16.000Z

do you see the new data if you open https://myapi/api/post/list on browser?