Configuración de Netlify

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

Samuel Montoya Gallo

student•

Aquí los headers:

const headers = {
  /* Required for CORS support to work */
  'Access-Control-Allow-Origin': '*',
  /* Required for cookies, authorization headers with HTTPS */
  'Access-Control-Allow-Credentials': true,
}

Diego Reyes

student•

Te amo bro

Salvador Santander Gutiérrez

student•

Genial las netlify functions!!

Samuel Montoya Gallo

student•

Qué implicaciones tienen las "vulnerabilities" que aparecen en consola?

Diana Martinez

student•

Cuando aparecen vulnerabilidades es importante incrementar a la próxima versión estable, estas son vulnerabilidades de seguridad y nunca deberían estar ahí, aunque en este caso como solo es algo didáctico, puede que no sea tan necesario, por si quieres mantener la versión para que todo te sea igual al curso. Pero en un proyecto real, conviene mejor resolverlas.

Carlos Rodríguez

student•

Que diferencias hay entre los comandos: npm run [dev, build, start, generaate]

Diana Martinez

student•

Dev te arranca el proyecto en modo desarrollo, pone un servidor en localhost y activa los mensajes de error, etc.. build prepara el proyecto para producción, tomando en cuenta que usarás un servidor basado en NodeJS para que pueda hacer su trabajo, y sino, si quieres generar los archivos estáticos finales, en HTML, CSS y JS, para poder solo desplegarlos en un servidor de archivos estáticos, entonces puedes usar generate.

Carlos Rodríguez

student•

Gracias profe @diananerd

Carlos Perilla

student•

Para que admita sintaxis de ES6 (en lugar de required, import, en lugar de export.handler=async export async function handler )

Solo debemos renombrar base.js a base.mjs

Configuración de Netlify

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