Actualmente estoy aprendiendo sobre el próximo js y tengo algunas preguntas en mente. Estos no son proyectos reales en los que estoy trabajando, sino solo ejemplos.

Digamos que tengo mi aplicación frontend ejecutándose en 'example.com' y un servidor api 'api.example.com'. La API utiliza la autenticación de cookies de sesión normal para el spa.

Tengo una página llamada pages/projects que muestra el proyecto actual del usuario, ahora para ssr, ¿debería el servidor preprocesar un estado de carga de la página y dejar que el cliente obtenga los datos de la API? ¿O debo usar las cookies de usuario y consultar la API durante ssr para cargar la versión completa de la página?

 const Page: NextPage<Props> = ({ projects }: Props) => { return( <> {projects.map((project) => { // render out ProjectItem component. })} </> ) } Page.getInitialProps = async (context) => { if (context.req) { // fetch data using the user's cookies } else { // fetch data on client side } // the part above could be abstracted to be reused. return { projects: result.data } } export default Page

¿O seguir con useEffect y simplemente renderizar previamente una página de carga? Esto solo se refiere a la carga de la primera página, ya que navegar a través de next/link hará que el cliente se comunique directamente con la API, ¿es lo correcto también en la primera carga? ¡Gracias por adelantado!