Soy nuevo en la codificación, pero recientemente comencé a intentar aprender los marcos Angular o React. Esto me ha llevado a 2 preguntas. (Lo siento si es básico o tonto)

Cuando comencé a programar me dijeron que el código en línea era una mala práctica. sin embargo, veo que al usar estos marcos, creas el elemento centralizando el CSS, JS y HTML. ¿Se me escapa algo? o ¿por qué esto ahora se considera mejor?

Sé que estos marcos procesan el contenido en el lado del cliente (lo que creo que es increíble), pero ahora estoy aprendiendo sobre Next.JS, que lo convierte en un procesamiento del lado del servidor para SEO. ¿Esto haría que el servidor renderizara cada página antes de enviarla en cada solicitud o solo crea una imagen para que los bots la rastreen mientras deja que el contenido dinámico se renderice en el lado del cliente?

Nuevamente, disculpe si estas preguntas son tontas, pero creo que estos marcos han complicado las cosas en lugar de facilitarlas, pero es por eso que quiero preguntar, ya que las personas con más experiencia pueden ver el beneficio de usar estos marcos. Gracias.