¿Qué aprenderás?
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.
Requisitos
¿A quién va dirigido el curso?
¿Qué hacer en caso de dudas durante el curso?
Los planes de suscripción trimestral y anual incluyen 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.
Certificado de finalización
Al completar todas las lecciones del curso, obtendrás un certificado de finalización en formato PDF personalizado con tu nombre y un código QR de verificación.
- center_focus_weak Código QR con enlace al curso
- picture_as_pdf Descargable en formato PDF
- person Personalizado con tu nombre
star Disponible exclusivamente para suscriptores.
Valoraciones
2 valoraciones
hace 4 años
hace 4 años
