play_circle_filled 42 minutos today

Deploy continuo (CD) y SEO en Vue 3 con Teleport, Netlify y Prerendering

star star star star star
2 valoraciones
Deploy continuo (CD) y SEO en Vue 3 con Teleport, Netlify y Prerendering

Este curso pertenece a las siguientes rutas de aprendizaje

play_circle_outline
¿Qué vamos a hacer? lección gratuita
4 minutos
file_download
Archivos del curso (Proyecto inicial)
N/A
file_download
Archivos del curso (Proyecto final)
N/A
play_circle_outline
Revisar las herramientas que vamos a utilizar
4 minutos

play_circle_outline
Crear configuración SEO Global utilizando un "Singleton"
5 minutos
play_circle_outline
Crear componente SeoTeleport
5 minutos
play_circle_outline
Definir títulos y metadatos de forma dinámica para Teleport
6 minutos

play_circle_outline
Crear un repositorio en GitHub para publicar nuestra aplicación
3 minutos
play_circle_outline
Crear cuenta en Netlify para publicar y configurar nuestro sitio con un dominio personalizado
9 minutos
play_circle_outline
Prerendering y pruebas con Googlebot y Bingbot
6 minutos
Vídeo de introducción Deploy continuo (CD) y SEO en Vue 3 con Teleport, Netlify y Prerendering
timer

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

school¿Qué aprenderás?

En este curso vamos a aprender a desplegar proyectos Vue 3 con Netlify de forma automática utilizando GitHub, pero no sólo eso, también aprenderemos a aplicar SEO en Vue 3 con Composition API y de paso a aplicar Prerendering para que los principales motores de búsqueda sepan entender el contenido de nuestros sitios.
 
Deploy continuo (CD o Continuous Deployment) Es una técnica utilizada en el desarrollo de software que automatiza el despliegue de nuestras aplicaciones para que una vez aplicamos cambios éstos automáticamente se vean reflejados en el entorno final. En nuestro caso lo haremos utilizando GitHub y Netlify.
 
Netlify en Vue 3 Netlify nos permite centrarnos en el desarrollo de nuestros proyectos olvidándonos de servidores y otros temas complejos. Vue.org es uno de los sitios de todo el mundo que utiliza Netlify. En este curso aprenderás a poner tus proyectos Vue en Netlify con unos pocos clicks utilizando tu cuenta de desarrollador de GitHub.

Vue 3 con Teleport Un gran componente que había dejado para un gran caso de uso, en este caso aprenderemos a utilizar el nuevo componente de Vue 3 Teleport para aplicar SEO a nivel de etiquetas de forma dinámica utilizando Composition API.

Prerendering en Vue 3 Las aplicaciones SPA que desarrollamos normalmente con Vue tienen el problema de que no todos los Bots (Googlebot|Bingbot) saben o pueden rastrearlas correctamente con el inconveniente de no poder posicionar a través de nuestros contenidos. Prerendering es una técnica que nos permite prerenderizar el contenido para que cuando un Bot nos visite le podamos ofrecer el HTML que contiene nuestro sitio en lugar de una sencilla etiqueta, mira lo siguiente.

Resultado de una visita de GoogleBot sin Prerendering
Sin Prerendering

Resultado de una visita de GoogleBot con Prerendering
Con Prerendering

Esa es la clave, utilizando Prerendering los Bots que rastreen nuestros sitios tendrán la capacidad de leer el HTML completo para así poder interpretar nuestro contenido con el consiguiente beneficio para posicionarnos en las SERPs. 

assignmentRequisitos

Haber seguido los cursos anteriores de la ruta de aprendizaje con Vue 3

group¿A quién va dirigido el curso?

Desarrolladores Vue 3 que utilicen Composition API y deseen aprender a publicar y posicionar sus proyectos en los principales motores de búsqueda.

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.

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

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 4 años

Andrew Excelente
star star star star star

Un curso muy bueno y practico

Miguel O

hace 4 años

Miguel O De lujo el curso, era necesario uno asi
star star star star star

Muchas gracias por el curso nuevo Israel, de verdad se hacia necesario tener un pequeño curso para SEO y ademas con esos comandos para ver que es lo que detectan dichos bot, lo de prerendering igual esta genial, se que existen unas lineas de comandos que puedes utilizar para que desde el mismo phpstorm o vs code pases a producción y se suba inmediatamente al server en producción también.

Gracias y saludos

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.

Contacto