How can i make Next js Dynamic Route public in clerk.js

Question

I trying to make nextjs dynamic route public

export default authMiddleware({
      publicRoutes : ['/','/account','/contact','/order','/product/[category]']
});

it is giving me error when i am applying it , Please help me, i coudnt find any detail in docs

Answer 1

Try adding "([^/.])", so it'll look like '/product/([^/.])', that saved me.

Answer 2

For the above, write your dynamic routes as such:

export default authMiddleware({
      publicRoutes : ['/', '/account', '/contact', '/order', '/product/(.*)']
});

The above '/product/(.*)' matches anything after the product route.