Despedida del curso

Clase 21 de 21 • Curso de Server Side Rendering con Nuxt 2

Resumen

Nombre del curso: Curso de Nuxt 2. Dean: Sebastián Delmont. Faculty Manager: Ricardo Celis. School Owner: Juan David Castro (JuanDC). Profesora: Diana Martínez. Dirección: Carlos Gómez. Producción OPS: Lizeth Cáceres y Rocío Martínez. Creación audiovisual: Sergio Carreño. Edición de video: Pablo Valès. Postproducción de audio: Santiago Guarín Suárez. Diseño gráfico: Carol Baquero y Amelia Amórtegui. Coordinación General: Andrés Arizmendy, Daniel Gutierrez, Carol Baquero, Carlos Céspedes, Sura Cedeño y Sara Hernández. Revisión: Brandon Argel y Joalin Pineda.

David Higuera

student•

La solución que di al reto de actualizar los comentarios en SSG fue agregar un refresh en el mounted de la página de articulo:

  mounted() {
    this.$nuxt.refresh()
  }

Aunque creo que hay mejores formas no logré concretarlas :)

Martin Campos

student•

Excelente curso, muy completo. Lo que más me gusto fue la implementación del Backend con Airtable.

Hace tiempo aprendí Nuxt por documentación, y vale darle una mirada a todo lo que ofrece. Precisamente tengo un blog en Nuxt. El uso de modulos y la organización del proyecto me ha permitido trabajar bien.

Se los comparto :)

Patricio Nally

student•

Estaría genial que hagan una ruta fullstack con Nuxt.js ahora que salio la versión NUXT 3 estable y final. Estaría genial una especialización igual que como tienen con Next.js; en Estados Unidos VUE es muy demandado y es donde pagan los mayores sueldos en dólares. Espero me escuchen, gracias a Platzi por aportar a mi desarrollo profesional en el mundo Tech.

Carlos Rodríguez

student•

La solución a los comentarios que deben recargarse a pesar de que la página es de tipo SSG me he basado en el estudiante @higueraDev pero lo he realizado como el ejemplo de la documentación, creado un método refresh() y lo he llamado desde el mounted().

mounted() {
    this.refresh();
  },
  methods: {
    // ...
    refresh() {
      this.$nuxt.refresh();
    },
  }

. Según la documentación nos dice que Nuxt 3 tendrá una forma de combinar estas estrategías de SSR / SSG según sea el caso con CSR para algún componente dináamico. . Referencia: Refreshing page data

Mauricio Combariza

student•

Que buen curso!! Diana es una excelente profesora!! Me encanta que finalmente hicieran el curso de nuxt y sigan profundizando con vue 3. No se por que vue no tiene tanta acogida como react, pero para mi es realmente divertido programar en ella.

Patricio Nally

student•

vue .js es mas completo que React. solo que Facebook y Vercel con Next le han dado mayor empuje a React.js

David Higuera

student•

Felicidades Diana es un gran curso y fue una práctica muy entretenida. Estaré al pendiente de más contenido para seguir aprendiendo :D

Salvador Santander Gutiérrez

student•

Super curso!! Otra sugerencia de nuevo curso con vuejs: storybook con vuejs. Lo estoy empezando a usar para hacer la libreria de mi empresa y está genial para desarrollar y documentar los componentes. Gracias Diana por hacer que vue sea otra ruta dentro de Platzi.

David Sanchez Cortez

student•

muchas gracias por este curso Diana, una pregunta, si la empresa donde trabajo tiene un servidor dedicado puedo desplegar mis apps en lugar de netlify?. Muchas gracias

Diana Martinez

student•

Claro, puedes desplegar en cualuquier tipo de servidor, puedes ir a la sección de deploy en la documentación oficial, para ver información y ejemplos sobre cómo desplegar a diferentes tipos de servidores.

Lio Bensignor

student•

Excelente profe Diana! Me encantaría que sigas dando la actualización de Vue y Nuxt como fue con Vue 3. Una ruta de Nuxt 3 y Vue 3 con herramientas para complementar seria lo ideal para mi crecimiento en Platzi.

Buen curso y espero seguir aprendiendo!

Carlos Perilla

student•

Realice el curso en Nuxt 3, pueden ver mis comentarios sobre las adaptaciones principales que le realice al curso.

Comparto mi repositorio por si alguien quiere darle un vistazo: https://github.com/carlosmperilla/nuxt-3-practice

Si alguien tiene una duda con Nuxt 3, soy un usuario activo de la plataforma, así que si tiene dudas pueden comentarme, si conozco la solución o un aporte, aportare.

Despedida del curso

Fundamentos de NuxtJS

Introducción a Nuxtjs

Características de NuxtJS

Cómo crear un proyecto con NuxtJS

Rutas y Componentes con NuxtJS

Rutas dinámicas con NuxtJS

Maquetación de vistas en nuestro proyecto

Creación del componente para las cards

Integración del intérprete de Markdown en NuxtJS

Cómo agregar SEO y meta tags en NuxtJS

Built-In Components

Backend con Airtable y Netlify Functions

Backend con Airtable

Despliegue y API con Netlify

Configuración de Netlify

Programando las funciones para Netlify

Consumo de nuestro backend con Netlify

Módulos de NuxtJS

Usando el módulo HTTP para consumir nuestro backend

Context

Consumir el API

Sistema de comentarios

Utilidades en NuxtJS

Estrategias de renderizado

Cierre del curso

Despedida del curso