Низ сегмената у динамичком рутирању у NextJS

По потреби, могуће је добити низ свих сегмената у једну променљиву. За то, параметар се узима у угласте заграде, а пре имена параметра се ставља тротачка. Погледајмо на примеру.

Нека имамо руту следећег облика: /prod/:category/:name/:id/, где параметри означени двотачком представљају динамичке параметре. Хајде да добијемо низ вредности ових параметара у неку променљиву. Назив те променљиве може бити било какав. На пример, назовимо је slugs.

Направимо следећу фајл структуру:

/app/
- /prod/
  - /[...slugs]/

Направимо одговарајућу компоненту:

export default function Prod({ params }) {
	console.log(params); // низ вредности
}

Направите руту која обрађује адресе облика /prod/:category/:name.

Нека је дат следећи низ:

let prods = [
	{
		category: 'catg1',
		name: 'prod1',
		cost: 100,
	},
	{
		category: 'catg1',
		name: 'prod2',
		cost: 200,
	},
	{
		category: 'catg2',
		name: 'prod1',
		cost: 300,
	},
	{
		category: 'catg2',
		name: 'prod3',
		cost: 400,
	},
];

Направите тако да у зависности од вредности параметара у верстању компоненте буде приказан одговарајући производ.