¿Qué es el renderizado frontal? ¿Qué es el renderizado del lado del servidor? Las diferencias entre ellos y sus escenarios de aplicación.

Representación frontal: Cabe decir que cuando ingresa por primera vez a la página, no se le proporcionarán los datos de la lista de productos ni se representarán. Luego, cuando se carga el script, ajax o fetch inicia otra interfaz y el servidor le devuelve los datos json de la lista de productos. Utiliza motores de plantillas y otras técnicas en js para deletrear estos datos en cadenas html e insertarlas en el archivo Dom.

Representación del servidor: el servidor utiliza la plantilla Smarty de PHP o JSP de Java para representar la información de la lista de productos de la página y devuelve un HTML al navegador.

Diferencia: si la página necesita ser rastreada por una araña, los datos representados por el front-end no se pueden rastrear, pero sí la página representada por el servidor. El servidor solo puede renderizarlo si existen requisitos de SEO. Si usa Node.js para renderizar, no habrá tal problema.