Rendering strategy often becomes a theoretical debate, but in practice it should be driven by user experience. In this project, different parts of the application benefited from different approaches.

Public-facing pages used server-side rendering to improve load time and search visibility, while highly interactive sections relied on client-side rendering for responsiveness.

The key was being intentional rather than defaulting to a single approach.

export async function getStaticProps() {
  return { props: {} }
}

This balance resulted in a faster, more predictable user experience.