Server side rendering en react

[@LuisAnducho]

Genialmente explicado, joya de video.

[@casantiago]

Grande Leo, despejaste muchas dudas que tenía sobre SSR con React.

[@Beumex]

Muy bueno Leo! Un saludo!

[@emilioortega9487]

Excelente explicación Leo

[@marcelospano2897]

Muy claro Leo. Muchas gracias por compartir

[@leovertiz]

Gracias por el video hermano, muy útil es justo lo que estaba buscando!

[@LeoMedinaDev]

saludos

[@Manubarreto]

Excelente! Muchas gracias por la información excelente manera de explicar las cosas.

[@LeoMedinaDev]

saludos!

[@emmanuelrangeljimenez4821]

Excelente video! Contenido de calidad se ve en este canal.

[@LeoMedinaDev]

Muchas gracias!

[@JoseLuis-sr4xw]

No se si lo he entendido, deberia utilizar el ssr para cargar por primera vez la pagina principal, no? para posicionamiento seo o ser encontrado por los indexadores de los browser, pero el resto de peticiones y navegacion por la web serian mediante spa y json ?

[@ronny4782]

Gracias por este contenido, muy bueno!

[@LeoMedinaDev]

saludos!

[@quiquerangel2078]

¿Esto en que afecta al funcionamiento del servidor?

[@migueljancko1445]

Muchas gracias, me quedó muy claro ahora 🙂

[@TheEfscomplex]

Me encantó. Espero que sigas compartiendo más vídeos. Un saludo!!

[@LeoMedinaDev]

he estado un poco ocupado pero espero poder continuar esta semana!

[@pantanom18]

excelente explicacion me sirvio para hacer ssr en puppeteer y generar pdf

[@LeoMedinaDev]

interesante :thinking_face:

[@Jose-ii2pb]

¡Gracias por compartir!

Muchas gracias!!

[@MatiasMartinez360]

Explicar este tema no suele ser tarea fácil, pero creo que tú lo hiciste muy bien. Te hago una consulta. Para el tema de navegación usando react-router por ejemplo. Tengo que definir mis rutas tanto en el cliente como en el server? En la docu oficial dice que sí, pero no me queda claro en porque. Saludos crack

[@AdriaFabrega]

Muy buena pregunta, Matias. Yo también me la hago. Si alguien sabe la respuesta agradecería que aporte luz al asunto. He estado probando next js que ya hace todo esto por ti, pero creo que voy a prescindir de next por motivos personales y tu pregunta se hace muy necesaria.

[@willydavid_]

Next.js el famoso framework para hacer apps con react que facilita lo que es todo esto de SSR que tipo de renderizados usa por default?? lo que tengo entendido la primera visita a una ruta si se carga desde el server / ya luego si pasas a otra ruta si se hace desde el cliente /rutaDesdeElCliente Ahora mi segunda pregunta es el servidor manda primero un html sin estilos y después los estilos? y a estilos me refiero a estilos globales como los recomienda usar la doc de next y cual es la diferencia entre estilos en linea o estilos JSX de next y estilos de toda la vida que importamos y luego los asignamos a los DIV o cualquier otro elemento afecta esto al modelo de SSR de next ?? muchas gracias si me respondes tengo esa duda con los estilos

[@LeoMedinaDev]

No tengo experiencia con next.js, lo siento

[@willydavid_]

@@LeoMedinaDev :(

[@M1Anay]

Hola amigo , buen vídeo, ¿¿seria mejor el manteniente con NEXT.JS? podrías hacer un vídeo con esta libreria

[@LeoMedinaDev]

Ah ok, si tengo pensado hacer videos explicando como utilizar next.js

[@LuisSanchez-sv1ld]

Hola Leo, como estas? El uso de SSR tiene mejor uso solo en aquellas aplicaciones que son muy cambiantes? O sea, cuando se tiene que refrescar un componente en especifico o muchos componentes al mismo tiempo?

[@LeoMedinaDev]

SSR es un proceso de optimización de carga inicial. Después de la carga inicial SSR no tiene efecto en la ejecución de la app en el navegador.

[@simeonaldana6376]

Hola leo como andas ? quisiera preguntarte si es posible conectar dos servidores de react ssr , algo asi como dos micro front end que luego que por una url vayas a uno y por otra vayas al otro . SALUDOS, sigue haciendo este tipo de contenido que es muy valioso felicitaciones

[@LeoMedinaDev]

Claro que se puede, una forma de hacerlo es con un reverse proxy, por ejemplo con nginx configuras un path que te redireccione a localhost:8888/dashboard y otro path que te redireccione a localhost:4444/home

[@simeonaldana6376]

@@LeoMedinaDev Gracias por tu respuesta leo , lo estare intentando .

[@iguanadevs13]

Como se haría un deploy de ese proyecto? Tiene que estar todo el proyecto junto, o puedo separar el cliente del server?

[@LeoMedinaDev]

tiene que ser junto ya que necesitas importar los componentes para renderizarlos en el servidor.

[@sh4rl3s]

Saludos genio, excelente video. 49 mn bien invertidos, de que parte eres?

[@LeoMedinaDev]

Saludos! Soy de Mexico.

[@manuonda]

buenas tardes, cual seria mejor node js o next.js ?

[@LeoMedinaDev]

pues esque no existe rivalidad next.js usa node.js. Mas bien tendrias que comprar next.js con otros frameworks como gatsby o react-static

[@manuonda]

@@LeoMedinaDev muchas gracias por responder, en el caso de utilizar SSR , estoy por incorporar mercado pago es una api de node js, y realizar pagos por esta plataforma, me conviene utilizar node js + express con frontend react o directamente utilizar next.js ?

[@LeoMedinaDev]

Pues next.js te simplifica el proceso de trabajar con react SSR si utilizas node + express entonces tendras que lidiar con esa parte tu.

[@dcj1212121212]

Hola hermano eres un crack 😃. Y tengo una duda jeje ¿Cómo renderizar REACT en el servidor junto con AntDesign? 😁 Saludos y espero puedas responderme 🙃

[@LeoMedinaDev]

Estos ultimos 6 meses he trabajado con next.js la verdad lo recomiendo mucho. No veo porque no seria compatible con AntDesign solamente lo importas en _app.js

[@santiagoramos5573]

Excelente vídeo

[@cquirozdev]

hola. podrías hacer un vídeo explicando cómo hacer esa configuración? está muy interesante

[@LeoMedinaDev]

Si, ya casi esta listo, lo subire el lunes