How to get query params while implement getServerSideProps like implementation in app router?
Answered
Black-bellied Whistling-Duck posted this in #help-forum
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.
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.
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.