Здравствуйте. Начал изучать Next 13 версию, и немного не понимаю

Question

Здравствуйте. Начал изучать Next 13 версию, и немного не понимаю

как правильно использовать серверные и клиентские компоненты ?
У меня есть запрос на мой бэкенд:
static async getAllProduct(
BrandId: number | null,
CategoryId: number | null,
limit: number,
page: number,
): Promise<AxiosResponse<IProductResponse>> {
return $api.get('/product', {
params: {
BrandId,
CategoryId,
limit,
page,
},
})
}
который ожидает несколько параметров и возвращает список продуктов, в зависимости от переданных параметров.
Но проблема в том, что по идеи получение списка продуктов это должен быть серверный компонент, но как он может быть серверным, если я беру как раз эти параметры из своего redux стора ???
async function getProducts(id: number): Promise<IProduct[]> {
const response = await UserService.getAllProduct(
tabBrandId,
tabCategoryId,
Number(process.env.LIMIT_PRODUCT_ON_LIST)!,
page,
)
return response.json()
}