Hola. Leifer gran video, lo que mas destaco es que no omites informar o detallar y eso es destacable en tus tutoriales, ojala en algún momento hables de encapsulación de los componentes
Leifer, muchas gracias por compartir tu conocimiento. Me ha tocado incluso actualizar algunas dependencias en proyectos Angular para aplicar el SSR... Una pregunta, que libreria o que tecnologias usas para la animacion con scroll en dicha Landing Page?
Interesante video de nuevo. Tengo una duda, como va esto contra Astro, o el nuevo Qwick (Este último del mismo creador de angular). Ya que estos usan todo el tema del _partial hydratation_, todo ese tema que no cargue el Js hasta que no se interactúe con un componente y demás cosas.
Hola Leifer, como estás? Me ayudaste muchísimo con este video. Quisiera preguntarte si dentro de los planes está coger el proyecto actual de ssr empaquetarlo en un contenedor y habilitar el contenedor para poder acceder al sitio web para ver que tan bien funciona el seo con SSR. no se si puedas hacer algún video con técnicas para mejorar el SEO (con angular universal ya implementado)
@@LeiferMendez Hola leifer, espero te encuentre muy bien, pasa que tengo un proyecto donde se tiene el blog donde se necesita SEO, pero cuando uno se loguea tiene sistema CRM. mi duda era si puedo aplicar SSR al BLOG pero no al sistema CRM
Hola! Antes que nada, gracias por tomarte el tiempo explicando estos temas que casi nadie yoca. Hay alguna alternativa SEO para utilizar en servidores apache, administrados con Cpanel?
Leifer, una consulta sobre la API del browser en SSR. ¿Solo es necesario condicionar con isPlatformBrowser estas api's cuando son llamadas desde el ngOninit? O es para toda y cualquier referencia a ellas. Porque probando, cuando llamo a esta api's en otro momento luego de la inicialización no veo problema.
Hola no he probado con PUG pero puedes leer esto para entender acerca del prerender www.codigoencasa.com/prerender-aplicaciones-spa-angular-angularjs-vue-reactjs/
Que tal Leifer, una pregunta, la verificación del browser se debe hacer en todos los elementos de nuestra aplicación? no solo en los de la pagina inicial, si no en todos los componentes ?, directivas, etc.
@@LeiferMendez vi que no en todos lados se usa angular universal, por ejemplo en un ecommerce mencionan que no es conveniente, o bueno por el pre render si no usar el SSR, estoy checando eso, crees que tengas un ejemplo que me podrìas proporcionar, te lo agradeceria mucho, vi que te falta ese video xd, por eso es ocmo de ahora que
@@LeiferMendez hola tengo un problema grave en angular SSR ahi te escribi por email para mas detalles del error, te agradeceria mucho que me apoyes a resolverlo que me tiene loco este tema
Hola Leifer, tengo una aplicación PWA y al utilizar Angular Universal no compila el archivo ngsw (el service worker del pwa) por tanto no he podido utilizar SSR, sabes como se combina PWA y SSR?
Saludos Leifer, tengo un problema al compilar el SSR, instalé la librería de PrimeNG y al compilar me regresa "document is not defined" pero no sé cómo corregirlo puesto que es un control de calendario de PrimeNG que pongo directo en el html. Ojalá puedas ayudarme, te lo agradezco.
buenas excelente video maestro, queria saber como haria en mi caso que uso window.open y window.location.href, para poder mandar a llamar otro proyecto. Ya que tengo un proyecto que tiene el login y un menu donde se manda a llamar a otros proyectos angular, cada uno independiente. y comparto los datos de sesion por las cookies. y para podr abrir los proyectos uso la variable window. como haria para usar angular universal y mantener mi variable window? Porque he intentado buscar abrir una ruta externa con el modulo de Rutas de angular y con el uso de renderer2 y no he encontrado la manera. Agradezco cualquier ayuda. Nota: window solo la uso 2 veces en el proyecto. las demas referencias las hago con renderer2 y le paso el ElementRef. Saludos!
Hola gracias solo debes coloca la condición como lo explico en este minuto ua-cam.com/video/TKP3TebD8TE/v-deo.html y ya te debería funcionar sin dar problemas
Excelente pregunta Edwin en el siguiente vídeo explicó parte pre rendering ya que angular universal te brinda ambas estrategias pre-render y ssr y lo veremos en el canal
Ando viendo el video porque estoy evaluando si usar NextJS + React o Angular + Angular Universal para un proyecto donde el SEO es un requerimiento no funcional de alta prioridad.
Hola, gracias por estar aquí y por formar parte de la comunidad, no tengo mucha experiencia con NextJS hasta ahora he trabajado más que todo con angular universal y me ha funcionado bien, te sugiero buscar algunos otros contenidos y tomar la decisión. Un saludo ✌
Hola, disculpa una pregunta, yo instalé el angular universal a mi proyecto de angular pero cuando hago npm run dev:ssr, compila y no da errores pero no me muestra la página, se queda cargando y no muestra la página, sabes algo sobre ese error o problema? Buen video c:
Hola Giovanni, si te queda la pantalla en blanco y cargando y nunca responde, tienes que empezar a comentar componentes enteros he incluso quitarlos de donde los importaste para saber cual componente o libreria externa esta cusando ese error
Hola Leifer. Con Angular Universal veo tres problemas: 1.- Pierdes la ventaja que tienen las SPA de un renderizado rápido. 2.- Realmente se está haciendo uso del modelo cliente/servidor, que nos lo vendían como viejo, y al que esta tecnología vuelve. 3.- Quizá el elemento que se obvia, por no poder hacer uso de document o window, es realmente relevante de cara al SEO. Quiero decir, porque puede que introduzca desde el código contenido con unas palabras clave en las que queremos posicionar. ¿Cómo podemos solucionar estos inconvenientes? PD: ¿Si no utilizo node, sino otros servicios, como por ejemplo firebase, no serviría todo esto? Muchas gracias de antemano.
Totalmente de acuerdo contigo. Te comparto mi opinión personal. Yo considero que angular no es para tener SSR angular lo veo más para tener Aplicaciones Grandes (dashboard, paneles de acceso, etc...) nada de esto necesita SSR no lo va indexar nada. Ahora existe todos eso problemas que comentas la verdad es lento con SSR y no lo recomiendo, y justamente fue el propósito de enseñar este punto. Cada uno debemos de tener el criterio de saber que es lo mejor para nuestras app
Hola! migre mi proyecto de angular 13 a 14 e instale angular universal y ahora solo me muestra una pagina en blanco y no sale ningun error al parecer supuestamente todo esta bien pero me sale una pagina en blanco😔😔
Hola Maricel, buen día! Pasate sí deseas por el canal de discord donde tengo una sección orientada a la asesoría técnica. Te dejo el link a mi comunidad por si deseas unirte, allí podrás encontrar algún colega dispuesto a apoyarte. link.codigoencasa.com/discord ¡Un saludo!
├ 𝙑𝙀𝙍 𝙏𝙊𝘿𝙊𝙎 ⮕ leifermendez.github.io/#/
├ 𝘼𝙉𝙂𝙐𝙇𝘼𝙍 desde cero ⮕ bit.ly/367tJ32
├ 𝙉𝙊𝘿𝙀 Express desde cero ⮕ bit.ly/3od1Bl6
├ 𝙈𝙊𝙉𝙂𝙊𝘿𝘽 desde cero ⮕ bit.ly/3qh35wK
├ 𝙎𝙊𝘾𝙆𝙀𝙏.𝙄𝙊 desde cero ⮕ bit.ly/3pg1Q02
└ 𝙉𝙂𝙍𝙓 𝙙𝙚𝙨𝙙𝙚 𝘾𝙀𝙍𝙊 ⮕ link.codigoencasa.com/NODE
Gracias, estoy pendiente para el próximo video !
Hola. Leifer gran video, lo que mas destaco es que no omites informar o detallar y eso es destacable en tus tutoriales, ojala en algún momento hables de encapsulación de los componentes
Saludos Andrés gracias por tu comentario espero pronto hablar más temas de este tipo
VER EN ORDEN: ua-cam.com/play/PL_WGMLcL4jzXVCI5zM9aoPnkSoGYbvhm3.html
Hola @LeiferMendez gracias por el tutorial 🙌...puedo implementar SSR en mi web alojada en un share hosting Apache?
excelente contenido. mil gracias
Gracias a ti por ver! no te pierdas el siguiente video!!
Uhfff esto estuvo mas que excelente
Excelentes
Leifer, muchas gracias por compartir tu conocimiento.
Me ha tocado incluso actualizar algunas dependencias en proyectos Angular para aplicar el SSR...
Una pregunta, que libreria o que tecnologias usas para la animacion con scroll en dicha Landing Page?
Justo lo qué necesito, soy el que te busco por Messenger saludos
Saludos! estare subiendo contenido de Angular SEO si pasamos los 100 likes
Muchas gracias por tu ayuda, sabes si se puede hacer SEO con información o productos que viene desde el back ?
Sii eso lo verás en el video SSR la próxima semana
Interesante video de nuevo. Tengo una duda, como va esto contra Astro, o el nuevo Qwick (Este último del mismo creador de angular). Ya que estos usan todo el tema del _partial hydratation_, todo ese tema que no cargue el Js hasta que no se interactúe con un componente y demás cosas.
Hola Leifer, como estás? Me ayudaste muchísimo con este video. Quisiera preguntarte si dentro de los planes está coger el proyecto actual de ssr empaquetarlo en un contenedor y habilitar el contenedor para poder acceder al sitio web para ver que tan bien funciona el seo con SSR.
no se si puedas hacer algún video con técnicas para mejorar el SEO (con angular universal ya implementado)
Hola German muy bien! heh no entendí muy bien si quieres me puedes escribir por el fb
Un curso completo de Angular Universal para Udemy?
hola, buen video.
Una consulta, tendrás un video donde enseñas a crear esa landing page con angular ?
Hola Sanchez aqui en este video explicamos la base ua-cam.com/video/-xXfelCzAi4/v-deo.html
Hola!, gracias por todo el conocimiento que nos compartes para mejorar cada dia, queria consultarle si se puede aplicar SSR a modulos en específico?.
Hola Cristian cómo estás ? No entendí muy bien me das un ejmplo de caso de uso
@@LeiferMendez Hola leifer, espero te encuentre muy bien, pasa que tengo un proyecto donde se tiene el blog donde se necesita SEO, pero cuando uno se loguea tiene sistema CRM. mi duda era si puedo aplicar SSR al BLOG pero no al sistema CRM
Hola! Antes que nada, gracias por tomarte el tiempo explicando estos temas que casi nadie yoca. Hay alguna alternativa SEO para utilizar en servidores apache, administrados con Cpanel?
Hola Gerardo puedes ver este blog medium.com/@leifer33/prerender-aplicaciones-spa-angular-angularjs-vue-reactjs-6472f2f6a457
Leifer, una consulta sobre la API del browser en SSR.
¿Solo es necesario condicionar con isPlatformBrowser estas api's cuando son llamadas desde el ngOninit?
O es para toda y cualquier referencia a ellas. Porque probando, cuando llamo a esta api's en otro momento luego de la inicialización no veo problema.
amigo buen video, se puede usar angular universal y pwa a la vez ?
Hola, gracias por tus tutoriales, una pregunta, como podria hacer el SSR utilizando pug ?
Hola no he probado con PUG pero puedes leer esto para entender acerca del prerender www.codigoencasa.com/prerender-aplicaciones-spa-angular-angularjs-vue-reactjs/
@@LeiferMendez gracias, es que tengo una landing page angular hecho con pug
Que tal Leifer, una pregunta, la verificación del browser se debe hacer en todos los elementos de nuestra aplicación?
no solo en los de la pagina inicial, si no en todos los componentes ?, directivas, etc.
Si bueno en las páginas que puedan ser analizadas sin auténtificacion
@@LeiferMendez vi que no en todos lados se usa angular universal, por ejemplo en un ecommerce mencionan que no es conveniente, o bueno por el pre render si no usar el SSR, estoy checando eso, crees que tengas un ejemplo que me podrìas proporcionar, te lo agradeceria mucho, vi que te falta ese video xd, por eso es ocmo de ahora que
Haz oido mis plegarias, primero chat de whatsapp y ahora SEO uuuuu Mil gracias!!
jaja excelente que te agrade!
@@LeiferMendez hola tengo un problema grave en angular SSR ahi te escribi por email para mas detalles del error, te agradeceria mucho que me apoyes a resolverlo que me tiene loco este tema
@@luiscastilloprado4282 hola! ya te respondía vía mail, también estoy por telegram para este tipo de cosas
Hola!!! es posible agregar angular universal a un proyecto con angular 4?
Hola Leifer, tengo una aplicación PWA y al utilizar Angular Universal no compila el archivo ngsw (el service worker del pwa) por tanto no he podido utilizar SSR, sabes como se combina PWA y SSR?
Buen dia, disculpa que version de angular y node usas ?
Angular 11 y node 10 o superior
Saludos Leifer, tengo un problema al compilar el SSR, instalé la librería de PrimeNG y al compilar me regresa "document is not defined" pero no sé cómo corregirlo puesto que es un control de calendario de PrimeNG que pongo directo en el html. Ojalá puedas ayudarme, te lo agradezco.
tienes el link del video donde haces llamados a un api con angular universal
La semana que viene sale 🎉🎉🎉🎉
@@LeiferMendez atento al video ojala salga pronto
buenas excelente video maestro, queria saber como haria en mi caso que uso window.open y window.location.href, para poder mandar a llamar otro proyecto. Ya que tengo un proyecto que tiene el login y un menu donde se manda a llamar a otros proyectos angular, cada uno independiente. y comparto los datos de sesion por las cookies. y para podr abrir los proyectos uso la variable window. como haria para usar angular universal y mantener mi variable window? Porque he intentado buscar abrir una ruta externa con el modulo de Rutas de angular y con el uso de renderer2 y no he encontrado la manera. Agradezco cualquier ayuda. Nota: window solo la uso 2 veces en el proyecto. las demas referencias las hago con renderer2 y le paso el ElementRef. Saludos!
Hola gracias solo debes coloca la condición como lo explico en este minuto ua-cam.com/video/TKP3TebD8TE/v-deo.html y ya te debería funcionar sin dar problemas
Cuál sería la diferencia entre usar scully y angular universal?
Excelente video bro :)
Excelente pregunta Edwin en el siguiente vídeo explicó parte pre rendering ya que angular universal te brinda ambas estrategias pre-render y ssr y lo veremos en el canal
@@LeiferMendez muchas gracias 👏
Ando viendo el video porque estoy evaluando si usar NextJS + React o Angular + Angular Universal para un proyecto donde el SEO es un requerimiento no funcional de alta prioridad.
Hola, gracias por estar aquí y por formar parte de la comunidad, no tengo mucha experiencia con NextJS hasta ahora he trabajado más que todo con angular universal y me ha funcionado bien, te sugiero buscar algunos otros contenidos y tomar la decisión. Un saludo ✌
@@LeiferMendez you're welcome
el SSR funciona solo con node?
Entiendo que con Angular v18 y el SSR ya no es necesario usar esto verdad?
Hola, disculpa una pregunta, yo instalé el angular universal a mi proyecto de angular pero cuando hago npm run dev:ssr, compila y no da errores pero no me muestra la página, se queda cargando y no muestra la página, sabes algo sobre ese error o problema? Buen video c:
Hola Giovanni, si te queda la pantalla en blanco y cargando y nunca responde, tienes que empezar a comentar componentes enteros he incluso quitarlos de donde los importaste para saber cual componente o libreria externa esta cusando ese error
@@LeiferMendez entiendo, voy a checar todo lo que he importado, muchas gracias por responder. c:
Hola Leifer.
Con Angular Universal veo tres problemas:
1.- Pierdes la ventaja que tienen las SPA de un renderizado rápido.
2.- Realmente se está haciendo uso del modelo cliente/servidor, que nos lo vendían como viejo, y al que esta tecnología vuelve.
3.- Quizá el elemento que se obvia, por no poder hacer uso de document o window, es realmente relevante de cara al SEO. Quiero decir, porque puede que introduzca desde el código contenido con unas palabras clave en las que queremos posicionar.
¿Cómo podemos solucionar estos inconvenientes?
PD: ¿Si no utilizo node, sino otros servicios, como por ejemplo firebase, no serviría todo esto?
Muchas gracias de antemano.
Totalmente de acuerdo contigo. Te comparto mi opinión personal. Yo considero que angular no es para tener SSR angular lo veo más para tener Aplicaciones Grandes (dashboard, paneles de acceso, etc...) nada de esto necesita SSR no lo va indexar nada. Ahora existe todos eso problemas que comentas la verdad es lento con SSR y no lo recomiendo, y justamente fue el propósito de enseñar este punto. Cada uno debemos de tener el criterio de saber que es lo mejor para nuestras app
Hola! migre mi proyecto de angular 13 a 14 e instale angular universal y ahora solo me muestra una pagina en blanco y no sale ningun error al parecer supuestamente todo esta bien pero me sale una pagina en blanco😔😔
Hola Maricel, buen día! Pasate sí deseas por el canal de discord donde tengo una sección orientada a la asesoría técnica.
Te dejo el link a mi comunidad por si deseas unirte, allí podrás encontrar algún colega dispuesto a apoyarte.
link.codigoencasa.com/discord
¡Un saludo!
pudiste resolver el problema ?, tengo el mismo problema estoy con angular 14 y no logro superarlo
Buen dia amigo, sabes porque se genera este error en Angular Universal ? ERROR ReferenceError: performance is not defined
Osea que el SSR sirve solo con Node js, eso es bueno... permite usar solo un lenguaje para back y front, para allá irá la tendencia entonces.