Es posible con next.js en el lado del servidor renderizar diferentes páginas o componentes en función de ciertas condiciones.

Por ejemplo, me gustaría crear una página que muestre un componente completamente diferente para cada día del año. Entonces, en el lado del servidor, me gustaría obtener la fecha actual y, en base a esto, representar un determinado componente en el lado del cliente.

Para probar, creé el siguiente código:

 export default function Home({seconds}: { seconds: number}) { if (seconds >= 30) { return ( <h1 className="text-3xl font-bold underline"> Hello Silvia </h1> ) } else { return ( <h1 className="text-3xl font-bold underline"> Hello Thomas! </h1> ) } } export async function getServerSideProps(context: any) { const now = new Date() return { props: { seconds: now.getSeconds() }, } }

En general, esto funciona, pero la declaración if dentro del componente Home se ejecuta en el lado del cliente. Entonces, un usuario podría manipular fácilmente la variable de segundos. ¿Hay alguna manera de archivar esto en el lado del servidor?