How do I get a part out of my URL? So on the server?

Answered

Hermit Thrush posted this in #help-forum

Hermit ThrushOP

2023-12-06T08:10:05.000Z

I know that there are Dynamic Routes, but I only want to access certain parts of the route. So if I have app/[slug]/[id], I want to access slug AND id. And both in the same page.js. How do I get this to work?

Answered by B33fb0n3

you need to remove the types from this example. So your code should look like this:

export default function Page({params: {slug, id}}) {
  return <div>{slug} {id}</div>
}

View full answer

7 Replies

Ray

2023-12-06T08:16:42.000Z

you want to get the value of slug and id right?

export default function Page({
  params
}: {
  params: { slug: string, id: string }
}) {
  return <div>{slug} {id}</div>
}

Hermit ThrushOP

2023-12-06T08:30:52.000Z

yes, when I do that, I get the error, that params is not defined...

B33fb0n3

2023-12-06T08:31:27.000Z

you need to remove the types from this example. So your code should look like this:

export default function Page({params: {slug, id}}) {
  return <div>{slug} {id}</div>
}

Answer

Ray

2023-12-06T08:31:32.000Z

is your file under app/[slug]/[id]/page.tsx?

@Ray is your file under app/[slug]/[id]/page.tsx?

Hermit ThrushOP

2023-12-06T08:34:55.000Z

yes

@B33fb0n3 you need to remove the types from this example. So your code should look like this: ts export default function Page({params: {slug, id}}) { return <div>{slug} {id}</div> }

Hermit ThrushOP

2023-12-06T08:35:03.000Z

that worked, thanks!