NextJS හි ගතික රුට්

app/users/[id]/page.jsxexport default function User() {
  return <p>
    පරිශීලක
  </p>;
}

app/users/[id]/page.jsxexport default function User({ params }) {
  return <p>
    පරිශීලක {params.id}
  </p>;
}

Задание 1

/city/:name ආකාරයේ ලිපින සකසන රුට් එකක් සාදන්න, මෙහි :name වෙනුවට ඕනෑම වැකියක් විය හැකිය.

Задание 2

/show/:country/:city ආකාරයේ ලිපින සකසන රුට් එකක් සාදන්න, මෙහි :country සහ :city වෙනුවට ඕනෑම වැකි විය හැකිය.

Задание 3

/post/:id ආකාරයේ ලිපින සකසන රුට් එකක් සාදන්න, මෙහි :id වෙනුවට ඕනෑම අංකයක් විය හැකිය.

පහත දැක්වෙන අරාව ලබා දී ඇතැයි සිතන්න:

page.jsxlet posts = [
  'post1',
  'post2',
  'post3',
  'post4',
  'post5',
];

export default function Post() {
  
}

පරාමිතියේ අගය මත පදනම්ව id සංරචකයේ වියානයේ අනුරූප තැපැල් ලිපිය ප්‍රදර්ශනය වන ආකාරයට සකසන්න.

Задание 4

/prod/:id ආකාරයේ ලිපින සකසන රුට් එකක් සාදන්න, මෙහි :id වෙනුවට ඕනෑම අංකයක් විය හැකිය.

පහත දැක්වෙන අරාව ලබා දී ඇතැයි සිතන්න:

page.jsxlet prods = [
  {
    id: 1,
    name: 'prod1',
    cost: 100,
  },
  {
    id: 2,
    name: 'prod2',
    cost: 200,
  },
  {
    id: 3,
    name: 'prod3',
    cost: 300,
  },
];

export default function Prod() {
  
}

පරාමිතියේ අගය මත පදනම්ව id සංරචකයේ වියානයේ අනුරූප නිෂ්පාදනය ප්‍රදර්ශනය වන ආකාරයට සකසන්න.