Consumir el API

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

Fabricio Orrala

student•

Tengo unas preguntas. ¿Por qué una computed prop para el post? Es decir, fallaría algo si en vez de eso usamos el data?

Diana Martinez

student•

Puedes utilizar data, pero tendrías que gestionar manualmente la reactividad, al hacerlo con computed, el cambio se propaga automáticamente.

Fabricio Orrala

student•

Otra pregunta, lo que yo ponga en el return de asyncData, ya es una variable que puedo usar en todos lados? Por ejemplo desde una computed como en el ejemplo? y si quiero retornar 2 variables? como las usaría en un método, o una computed? o desde el html?

Diana Martinez

student•

Es accesible al mismo nivel que las cosas declaradas en data y usarlas igual, con la diferencia de que esta función se ejecuta solo en el servidor (o durante el build si estás usando SSG).

Víctor Julián González Estrada

student•

Debes usar return en la función.

Víctor Julián González Estrada

student•

El middleware se usa antes, cómo podemos usar una función del store en el middleware o el asyncData? this.$store.function()?

Diana Martinez

student•

Puedes usar un middleware así: https://nuxtjs.org/docs/directory-structure/middleware

O fetch / asyncData: https://nuxtjs.org/docs/features/data-fetching/

Diana Martinez

student•

En el caso de nuxt, para esas funciones suele venir el store como un objeto en el context, así que es cuestión de recibiro desde ahí y utilizarlo.

Consumir el API

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