I am using next.js in my project. I have two static pages, one created only for small screens and one for larger screens. How can I serve the right page to the client based on the user device or screen size?
I am not considering responsive design as many of the components/experience changes with screen size.
My idea is based on the following article: