How are router paths designed in large spa applications?

Question

Vue.js

How are router paths designed in large spa applications?
I'm making an online store on nuxt.js and I'm faced with the fact that I don't have a clear understanding of how to design routes. For example, there is a product page and it seems there are a lot of options for designing a route, for example:
- /product?id={product id}
- /product/{product id}
- /product/{product name}
- /category/{category name}/{ product name}
- /{category name}/{product name}
- ... and so on.

Can you recommend any tutorials on this topic?

Answer 1

Well, if you take the product, then:

- /product?id={product id}

this is definitely not an option.

- /product/{product id}

not so good from seo

- /product/{product name}

the most normal option
and about this:

- /category/{category name}/{product name}
- /{category name}/{product name}

already answered by Eugene

Answer 2

in general, from a flashlight,
you can read and follow some book in VUE, or you can in this one:

everything is determined by customers (CEO there and so on)