play_circle_filled 45 minutos today

Server Side Rendering en Inertia.js

star star star star star
2 valoraciones
Server Side Rendering en Inertia.js

file_download
Proyecto final
N/A
play_circle_outline
¿Qué vamos a hacer? lección gratuita
3 minutos

play_circle_outline
Explicación inicial y crear proyecto
3 minutos
play_circle_outline
Instalar dependencias y revisar el código fuente
3 minutos
play_circle_outline
Configurar SSR en el cliente con Vue
5 minutos
play_circle_outline
Configurar Webpack SSR
4 minutos
play_circle_outline
Aplicar la directiva InertiaHead
2 minutos
play_circle_outline
Configurar Ziggy en aplicaciones SSR con Inertia
3 minutos
play_circle_outline
Publicar configuración Inertia y establecer el modo SSR
2 minutos
play_circle_outline
Crear nuestro componente Vue para renderizar etiquetas meta (SEO)
7 minutos

play_circle_outline
Lanzar proyecto en modo SSR
8 minutos
play_circle_outline
Configuración modo producción en Laravel Forge y despedida
5 minutos
Vídeo de introducción Server Side Rendering en Inertia.js
play_circle_filled

Desbloquea el curso

starVer planes de suscripción

¿Ya tienes una cuenta? Inicia sesión

school¿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.

0


0

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.

assignmentRequisitos

Conocimientos sólidos de Laravel y de Inertia.js.

group¿A quién va dirigido el curso?

Desarrolladores Laravel que utilicen o deseen utilizar Inertia.js como Stack de desarrollo para sus proyectos.

help_outline¿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.

Acerca del autor

Especialista con +14 años de experiencia en desarrollo web Full Stack. Dominio avanzado en Laravel y Vue.js, creando aplicaciones modernas de alto rendimiento. Instructor profesional con 8 años compartiendo conocimiento a través de cursos especializados que han formado a cientos de desarrolladores.

Israel Parra

Desarrollador Full Stack & Formador

Valoraciones

5
star star star star star

2 valoraciones

star star star star star
star star star star star_border
star star star star_border star_border
star star star_border star_border star_border
star star_border star_border star_border star_border
Andrew

hace 3 años

Andrew Un curso practico
star star star star star
El curso va directo al tema y esta excelente para aprender como configurar el ssr para Intertia
Cristian Sepúlveda Caro

hace 3 años

Cristian Sepúlveda Excelente curso, corto y preciso.
star star star star star
como siempre, los curso de Israel, van a la vanguardia, muy actual.

Cursosdesarrolloweb es una plataforma educativa con cursos y tutoriales en texto y vídeo.

Términos y condiciones Política de privacidad Términos y condiciones para afiliados Formulario de contacto

Copyright 2025 © Todos los derechos reservados.