Estrategias SSR en Next.js - Tutorial de React.js

Next.js tiene una estrategia de optimización bastante interesante para manejar los componentes de React. Tenemos diferentes tipos de componentes. Por ejemplo, en esta aplicación vamos a ver que tenemos un encabezado principal y una barra de navegación. Estos dos elementos van a estar estáticos, o sea que no van a modificar su render a lo largo del ciclo de vida de la aplicación. Por otro lado, tenemos otros componentes, como esta lista que aparece acá, que está utilizando elementos dinámicos. Vamos a examinar rápidamente el código y vemos que dentro de la carpeta public, que se encuentra también con los ejercicios de este curso, tenemos una carpeta llamada JSON, donde está un archivo que está generando de forma dinámica el contenido que aparece ahí. Vamos a entrar también a esta carpeta llamada Lista y vemos cómo estamos haciendo dos cosas. Primero estamos utilizando un useEffect, que es un hook que nos va a permitir a nosotros detectar el momento en que este componente está cargado…