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.
