Server Side Rendering en Inertia.js
Desbloquea el curso
Contrata un plan y consigue acceso completo o compra el curso por 20,00 € y accede a él para siempre
Crea tu cuenta¿Ya tienes una cuenta? Inicia sesión
Cuando desarrollamos una aplicación con Laravel utilizando el Stack Inertia, estas aplicaciones no renderizan el Html como sí lo hacen las desarrolladas por ejemplo con Blade sin utilizar ningún Stack. Gracias al soporte Server Side Rendering en Inertia, ahora es posible.
Desde hace una semana ya podemos utilizar de forma "nativa" Server Side Rendering en Inertia.js con Vue 3. Si no sabes nada acerca de Server Side Rendering no te preocupes, es muy sencillo de entender.
Las aplicaciones Server Side Rendering en Inertia.js funcionan de la siguiente forma: cuando Inertia detecta que se está ejecutando en un entorno Node.js (SSR), automáticamente representará el objeto $page a Html y lo devolverá. Sin embargo, debido a que la mayoría de las aplicaciones de Inertia están construidas en lenguajes como Php o Ruby, es necesario entregar la solicitud a un servicio de Node.js separado para que pueda representar la página por nosotros y devolver el Html procesado de vuelta al navegador cuando haya terminado.
Hace poco publiqué este curso sobre prerendering en Vue 3, que si bien sirve para que los motores de búsqueda puedan ver el Html generado en nuestros proyectos Vue, no es tan buena opción como las aplicaciones SSR.
La principal diferencia entre aplicaciones NO-SSR y SSR la puedes ver en las siguientes imágenes.
Como puedes ver, la primera imagen es una aplicación NO-SSR mientras que la segunda es una aplicación SSR con Inertia. La principal diferencia entre ambas es que la primera no genera el contenido Html y la segunda sí, algo crucial para posicionar nuestros sitios en los motores de búsqueda.
En este caso simplemente he generado las meta etiquetas de la cabecera, title, description y robots, pero de la misma forma, podríamos hacerlo con cualquier cosa, incluido por supuesto el contenido generado por nuestros componentes Vue.
A lo largo de este curso aprenderás a configurar desde 0 un proyecto Laravel Jetstream utilizando Inertia.js con Server Side Rendering, además, también te explicaré cómo poner este tipo de proyectos en entornos de producción utilizando Laravel Forge.
Si deseas conseguir acceso completo al curso, no lo dudes, apúntate a la plataforma y consigue acceso inmediato.
Los planes de suscripción trimestral y anual incluyen soporte a través del foro del curso.
Si compras o has comprado el curso, también puedes hacer uso del soporte a través del foro del curso.
Las dudas que se planteen en el foro del curso serán respondidas en un plazo máximo de 24 horas laborables.
Las dudas planteadas deben estar relacionadas con el contenido del curso y no con desarrollos personalizados que no estén relacionados con el curso.
Acerca del autor
Desarrollador con 10 años de experiencia en web y móvil y formador con 7 años de experiencia.
Empecé en el mundo de la programación a raíz de un accidente de trabajo y me tuve que reinventar.
Soy autodidacta, me dedico de forma profesional a desarrollar software y cada día aprendo cosas nuevas.
Apasionado del backend, me encanta todo lo que tiene que ver con procesos y lógica.
Me encanta programar, pero todavía más ayudar a otras personas en su proceso de formación.
Israel Parra
Php, JavaScript, Laravel, Vue, React, React Native, Svelte, Serverless
2 valoraciones
hace 2 años
El curso va directo al tema y esta excelente para aprender como configurar el ssr para Intertia
hace 2 años
como siempre, los curso de Israel, van a la vanguardia, muy actual.