Open the browser development tool and swap the viewport.

CLIENT-COMPONENT

Only used window.navigator.userAgent.

DESKTOP

CLIENT-COMPONENT 2

Use the 'resize' event listener and window.navigator.

width > 768

DESKTOP

CLIENT-COMPONENT 3

Use userAgent()from @next/server and append it to searchParams in headers.

DESKTOP

SERVER-COMPONENT

Retrieve x-is-mobile from the cookie previously set by the middleware.

DESKTOP