Importación de Datos y Configuración en Contentful

Cursos Empresas Blog Live Conf Precios

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

Resumen

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

Comentarios

Camilo José Mezú Mina

student

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

student

Para los que no les gustas instalar paquetes globales, como yo, pueden probar esta forma de hacer el import:

Instalar con contenful-cli como dependencia de desarrollo del proyecto

yarn add -D contenful-cli

Agregar un script para hacer el import

"contentful:import": "contentful space import --config import/config.json",

Correr el script

yarn contentful:import

Paul Lazcano

student

Menos mal ya iba a dejar el curso acá jjaaj no me corría el comando contentful, me salvaste

Luis Berenguer

student

Por fin, estaba a punto de rendirme de no ser por tu comentario, funcionó!

Rony Porraz Vargas

student

OMG cuando entre al repositorio y vi 266 commits dije hostia! este sera un curso buenisimo!

Mauricio Moreno Morales

student

Me aparece el siguiente error que puedo hacer? No encuentro como arreglarlo

Jonathan 🦑 Alvarez

teacher

Hola Mauricio!

Allan Jair tuvo un error similar, copio mi respuesta aquí:

Yo acabo de hacerlo y recibo el mismo mensaje tuyo sin embargo, si reviso en Contenful veo que el contenido se ha importado.

En el video del curso también sucede que da unos errores al final pero es informativo de las veces que se golpea el limite de la API y el script debe esperar algunos segundos para intentar de nuevo.

Podrías confirmar si ves contenido en Contentful con el que puedas trabajar?

Si no es asi escríbeme un DM a mi Twitter y lo revisamos. Saludo.

Jair Neri

student

tipico un tiempo despues y te mueven los scripts de la doc. contentful space export --config example-config.json

fuente https://www.contentful.com/developers/docs/tutorials/cli/import-and-export/

Jair Neri

student

Alguien sabe como preparar contenido ?

Jonathan 🦑 Alvarez

teacher

Hola Angel, a qué te refieres con preparar contenido?

Brian Tadeo Flores Aguilar

student

Estoy tratando de trabajar con un contenful distinto, entonces al momento de ejecutar el comando "contenful export" me genera error y me dice que me hace falta "field" que podria hacer en ese caso?

Jonathan 🦑 Alvarez

teacher

Brian, excelente ejercicio 🤩

Pásame el enlace por Twitter le echamos un ojo

https://twitter.com/jonalvarezz

Marcelo Oggero

student

Me sucede exactamente el mismo error

Error: Status: 429 - Too Many Requests

Revise la documentación y probé desde otra pc y no encuentro como resolverlo. Alguien pudo y nos echa un poco de luz? Confirmo que en contentful no se cargó nada😥

Juan Guillen Fortich

student

Solo espera un cierto tiempo para volver a hacer otra petición pero no te preocupes este error es muy común y el tiempo lo resolverá😅.

Marcelo Oggero

student

Finalmente pude. ¿Cómo hice? 1- Probé en otra pc 2- Creé la rama nueva en el tag 0-inicio (Antes no lo había hecho) Uno de esos dos cambios hizo que todo funcionara.😁

Sergio Valbuena

student

🤯 podrían por favor explicar con detalle cómo se realizó la importación a Contentful u otros por fa. Muy crack

Andrés Vega

student

Para los que estaban pensando como yo que la importación se habia pegado o no continuaba el proceso, hay que seguir esperando al rededor de 15 - 20 minutos dependiendo de su conexión a internet y la velocidad de conexión de Contenful.

Alejandro Mejia Escobar

student

¿Cuál es la diferencia entre un CMS y una BD?

Jonathan 🦑 Alvarez

teacher

Hola Alejandro!

Estoy seguro profundizaste sobre ambas, cuéntanos qué diferencias marcarías tú 😄

Darío Germán Mansilla

student

Hay algo que me está volviendo loco y agradecería la ayuda de cualquiera. Es posible con una cuenta free de contentfull añadir datos a un Content Model ya creado? como un método post?

no doy con la tecla , me gustaría que fuera tan fácil como un endpoint para el metodo post

Hector Cordova

student

Hola, alguien lo ha intentado con Wordpress?

Jonathan 🦑 Alvarez

teacher

Hey super interesante y totalmente posible con las habilidades headless de Wordpress. Nos cuentas como te va!

Allan Jair Escamilla Hernández

student

Cuando estoy intentando importar el contenido desde el CLI de contentful, con el comando:

contentful space import --config import/config.json

Me aparece el siguiebte error:

Alguien me ayuda por favor? Llevo 3 días tratando de importar el contenido):

Jonathan 🦑 Alvarez

teacher

Hola ALlan! un saludo especial

Gracias por reportarlo.

Yo acabo de hacerlo y recibo el mismo mensaje tuyo sin embargo, si reviso en Contenful veo que el contenido se ha importado.

En el video del curso también sucede que da unos errores al final pero es informativo de las veces que se golpea el limite de la API y el script debe esperar algunos segundos para intentar de nuevo.

Podrías confirms si ves contenido en Contentful con el que puedas trabajar?

Si no es asi escríbeme un DM a mi Twitter y lo revisamos. Saludo.

Allan Jair Escamilla Hernández

student

Muchas gracias por tu respuesta Jonathan, ya lo pude solucionar... Me tocó actualizar a la ultima versión el contentful-cli y cuando volví a correr el comando, me funciona sin problemas. Saludos!!

Raycris Maldonado

student

Cuando estoy corriendo el comando contentful space import --config import/config.json estoy opteniendo este error, alguien sabe por que?

Julián Alexander España Riobamba

student

Necesito tener la información de los productos que vendo. Dónde los debo almacenar?

Jonathan 🦑 Alvarez

teacher

Hola Julián! Pudiste terminar estas clases? al final deberías quedar con tu propia cuenta en ContentFul y todos los datos allí!

Jair Neri

student

De donde saca el archivo contetful-platzipedia.json..

Lo exporta desde el CMS en la web, lo hace a mano o que onda ?

Norma Natalia Moreno Espinoza

student

Hola, lo clono de un reporsitorio de github

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

¡Nunca pares de aprender! 💚

Victor Marquez

student

(https://static.platzi.com/media/user_upload/error-6e16a949-4a3f-46fd-a536-a063f6bee993.jpg)

Brian Tadeo Flores Aguilar

student

por que mis comentarios se cortan?

José Ángel Navarro Almendárez

student

tengo exactamente el mismo problema, pero me pasa solo en firefox

José Arbey López Martínez

student

Me pasó lo mismo en Firefox, pero si logré hacer una comentario completo antes de que empezara a fallar

Kerlyn Mariño

student

Cuando habilito la opción de i18n no puedo generar un sitio estático? Cuando lo intento hacer falla.

Jonathan 🦑 Alvarez

teacher

Hey hey Kerlyn!

Cuéntame ¿cómo estás generando el sitio estático?

Si usas next export en efecto no funcionará, se necesitas las capacidades de backend de Next.js.

Pero hey atención... si te fijas en el calendario, estamos próximo a liberar el curso de Internacionalización con Next.js :D

Kerlyn Mariño

student

Sip, efectívamente con next export. Si había visto que viene ese curso, pero como spoiler es posible generar un SSG con i18n? BTW Gracias por la respuesta

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