Última actualización:

¿Qué voy a aprender?

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

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.

Teleport en Vue 3

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

Resultado GoogleBot Vue 3 sin Prerendering

Resultado de una visita de GoogleBot con Prerendering

Resultado Googlebot Vue3 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.

Requisitos recomendados para tomar el curso

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

¿Para quién es este curso?

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

¿Qué hago si tengo dudas a lo largo del curso?

Si estás suscrito al plan Trimestral o Anual cuentas con soporte completo en menos de 24 horas dentro de días laborables.

Contenido del Curso

Introducción
Vue 3 Netlify: Archivos del curso 00:00:00
Vue 3 Netlify: ¿Qué vamos a hacer? GRATIS 00:04:00
Vue 3 Netlify: Revisar las herramientas que vamos a utilizar 00:04:00
Trabajando en nuestro proyecto
Vue 3 Netlify: Crear configuración SEO Global utilizando un «Singleton» 00:05:00
Vue 3 Netlify: Crear componente SeoTeleport 00:05:00
Vue 3 Netlify: Definir títulos y metadatos de forma dinámica para Teleport 00:06:00
Publicando nuestra aplicación SPA
Vue 3 Netlify: Crear un repositorio en GitHub para publicar nuestra aplicación 00:03:00
Vue 3 Netlify: Crear cuenta en Netlify para publicar y configurar nuestro sitio con un dominio personalizado 00:09:00
Vue 3 Netlify: Prerendering y pruebas con Googlebot y Bingbot 00:06:00

Valoraciones del curso

N.A

valoración
  • 5 estrellas
  • 4 estrellas
  • 3 estrellas
  • 2 estrellas
  • 1 estrellas

No hay valoraciones para este curso.

HACER ESTE CURSO
  • Opciones de Precio +
  • ACCESO PARA SIEMPRE
  • Número de unidades9
  • 42 minutos
20 ALUMNOS MATRICULADOS
Cursosdesarrolloweb ©. Todos los derechos reservados.

Login

Create an Account Back to login/register