I have multiple component collections, each with a different style but sharing the same interface. I aim to develop a page in Next.js where users can switch between these component collections, with the option for the URL to change accordingly. How can I achieve this dynamic component collection switching functionality in Next.js?
Due to the stark differences in style among each collection, utilizing CSS variables to define a theme is unfeasible.
Any insights, suggestions, or code examples showcasing how to implement this functionality would be greatly appreciated. Thank you in advance!