Next.js Discord

Discord Forum

How to get query params while implement getServerSideProps like implementation in app router?

Answered
Black-bellied Whistling-Duck posted this in #help-forum
Open in Discord
Black-bellied Whistling-DuckOP
Hii guys, I need some help with app router. Earlier I was using getServerSideProps with page router. So I was converting that implementation into app router.
export default async function Users() {
  const data = await getData();
  
  return (
    <div>{data.name}</div>
  );
}

async function getData(page = 1, limit = 10) {
// how to get query param as we get in getServerSideProps({query})
  const data = await fetch(
    `https://api.com/names?page=${page}&limit=${limit}`
  )
    
  return await data.json();
}

So earlier with getServerSideProps({query}). Query context is provided in the function. But in above snippet how can get query params? So that component will remain server component.

2 Replies