Importación de Datos y Configuración en Contentful

Curso de Next.js: Sitios Estáticos y Jamstack

Contenido del curso

Introducción: rendering modes de Next.js

Arquitectura del proyecto

Static Generation

Incremental Static Generation

Siguientes pasos

18
Despliegue de Next.js hacia Producción: Variables y Optimización
01:41 min

Bonus

19
Lectura de Archivos en Next.js con Node.js y File System
09:51 min

Tomar examen

Importación de Datos y Configuración en Contentful

Todos los cursos GRATIS

Se acaba en:

00díasd:00hrsh:00minm:00segs

Resumen

https://github.com/jonalvarezz/platzi-plantpedia
Git tag: 0-inicio
Comando: git checkout -b dev 0-inicio

Camilo José Mezú Mina

Estudiante

Hace 5 años

Clonando el proyecto e importando contenido desde CLI

clonamos el proyecto

git clone https://github.com/jonalvarezz/platzi-plantpedia

El repositorio contiene el proyecto ya creado por lo que tenemos que ingresar al tag deseado y crear una rama la cual llamaremos dev o como quieras

git checkout -b dev 0-inicio

Entremos al repo y bajamos las dependencias, tambien instalamos globalmente el cli de contentful

Con Yarn 👑

yarn install && yarn global add contentful-cli

Con npm 💫

npm install && npm install -g contentful-cli

Ahora entramos a la carpeta import y en el archivo config.json ponemos la variables de entorno correspondientes, las encontramos en el panel de configuracion de contenful

{
  "spaceId": "YOUR_SPACE_ID",
  "managementToken": "YOUR_MANAGEMENT_TOKEN",
  "contentFile": "import/contentful-platzipedia.json"
}

importamos la configuracion base a nuestro espacio de contentful

contentful space import --config import/config.json

David Granados

Paul Lazcano

Hace 4 años

Luis Berenguer

Rony Porraz Vargas

Mauricio Moreno Morales

Jonathan 🦑 Alvarez

Profesor

Jair Neri

Brian Tadeo Flores Aguilar

Marcelo Oggero

Juan Guillen Fortich

Sergio Valbuena

Andrés Vega

Hace un año

Alejandro Mejia Escobar

Darío Germán Mansilla

Hace 3 años

Hector Cordova

Allan Jair Escamilla Hernández

Raycris Maldonado

Julián Alexander España Riobamba

Norma Natalia Moreno Espinoza

Victor Marquez

José Ángel Navarro Almendárez

José Arbey López Martínez

Kerlyn Mariño

Importación de Datos y Configuración en Contentful

Introducción: rendering modes de Next.js

Creación de sitios estáticos con Next.js y Jamstack

Modos de Rendering en Next.js: Cliente, Servidor y Estático

Arquitectura del proyecto

Arquitectura Jam Stack con Next.js y GraphQL

Configuración de Contentful: Creación de Cuenta y API Tokens

Importación de Datos y Configuración en Contentful

Configuración y uso inicial de un proyecto Next.js con Contentful

Uso de GraphQL y Autogeneración en Next.js con Contentful

Static Generation

Renderizado de Listas con Next.js y Contentful

"Uso de getStaticProps en Next.js para Renderizado en Servidor"

Páginas Dinámicas en Next.js: Renderizado de Plantas y Entradas

Uso de getStaticPaths y getStaticProps en Next.js para páginas dinámicas

Ventajas y desventajas de Static Site Generation en Next.js

Incremental Static Generation

Configuración de Incremental Static Generation en Next.js

Uso del Fallback en Next.js: Estrategias y Aplicaciones

Estrategia Stale-While-Revalidate en Next.js

Ventajas y desventajas del Incremental Static Generation en Next.js

Server Side Rendering con Next.js: Ventajas y Desventajas

Siguientes pasos

Despliegue de Next.js hacia Producción: Variables y Optimización

Bonus

Lectura de Archivos en Next.js con Node.js y File System

Todos los cursos GRATIS

Resumen