Best practice for creating internal links with unique slugs in Sanity and Next.js

I am using Sanity with Nextjs.Let say that i have pages, blogPage and authorPage.
Then i want to create internalLink. I am creating references to those 3 types.
how should i use slug i am getting in correct way?
I do not want to omit /blog/ or /author/ . Page type can also be /whatever

Hei!Yes and no.
In simple case i just query for slug and pass it to `<NextLink href={

${props.mark.slug}

}>` like that.Let say that

slug = "blog-name"

Some “magic” is happening and Next takes it to

/blog/blog-name

.First i was thinking that it will be best to query for type to and do something like that
`<NextLink href={

${props.mark.type}/${props.mark.slug}

}>`but “magic” is happening and it takes me to

/blog/blog/blog-name

or

/author/author-name

So if i will make sure that slugs er unik thats works.

I have dose edge cases.
Where

slug = "blog"

or

slug = "author"

but i wish to navigate to

/blog

or

/author

page.
The solution i came with is to use
validation and check if slug is unik
I am looking for best practice solution. Please give me some feedback
🙂

Hei!Yes and no.
In simple case i just query for slug and pass it to `<NextLink href={

${props.mark.slug}

}>` like that.Let say that

slug = "blog-name"

Some “magic” is happening and Next takes it to

/blog/blog-name

.First i was thinking that it will be best to query for type to and do something like that
`<NextLink href={

${props.mark.type}/${props.mark.slug}

}>`but “magic” is happening and it takes me to

/blog/blog/blog-name

or

/author/author-name

So if i will make sure that slugs er unik thats works.

I have dose edge cases.
Where

slug = "blog"

or

slug = "author"

but i wish to navigate to

/blog

or

/author

page.
The solution i came with is to use
validation and check if slug is unik
I am looking for best practice solution. Please give me some feedback
🙂

Ah, interesting! What does your file structure under

/pages

look like? I think that's where it's getting that extra

/blog/.

Ah, interesting! What does your file structure under

/pages

look like? I think that's where it's getting that extra

/blog/.

The interesting ting is that i do not have any of those problems any more. And i did not do nothing.pages/blog/[slug].tsx /index.tsx is the structure.
But i hope that `<NextLink href={

${props.mark.type}/${props.mark.slug}

}>` is the right way to go?

Looks good! Strange that it suddenly started working, though!

Thanks Racheal

Thanks Racheal