Usar datos del servidor en componentes de cliente en Next.js con App router en 1 minuto

a veces nuestras páginas necesitan ser componente de cliente pero también necesitan obtener información desde el servidor por ejemplo nuestra aplicación es un contador persistente cuando ingresamos el valor inicial debe ser el valor que tenía nuestra última visita pero como nuestra página es un componente de cliente no podemos obtener los datos desde el servidor directamente es una convención habitual renombrar nuestra página a algo como page.css

y crear una nueva página cuya única responsabilidad sea obtener los datos necesarios y pasárselos por prop a nuestro componente de cliente para que este pueda recibirlos y usarlos como estado inicial