Server Side Rendering en Inertia.js
Desbloquea el curso
Contrata un plan y consigue acceso completo
Crea tu cuenta¿Ya tienes una cuenta? Iniciar 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.
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
El curso va directo al tema y esta excelente para aprender como configurar el ssr para Intertia
como siempre, los curso de Israel, van a la vanguardia, muy actual.