¿Qué tan familiarizado estás con Next.js? ¿Qué características utilizas?

He trabajado con Next.js en proyectos de dificultad media y alta. Utilizo las siguientes características:

• SSR (Renderizado del lado del servidor) para mejorar el SEO y una carga inicial rápida.
• Generación estática (SSG) para páginas con contenido que cambia poco, lo que acelera la carga.
• Rutas API para crear puntos finales de backend directamente en el proyecto.
• Enrutamiento dinámico para facilitar la creación de páginas con parámetros.
• Optimización de imágenes con el componente <Image> para la optimización automática de imágenes.
• Uso de getStaticProps y getServerSideProps para cargar datos en la fase de construcción o en la solicitud.

Ejemplo de uso de getStaticProps:

export async function getStaticProps() {
  const res = await fetch('https://api.example.com/data');
  const data = await res.json();
  return { props: { data } };
}

function Page({ data }) {
  return <div>{data.title}</div>;
}

export default Page;