Conectando páginas y Static Site Generation (SSG)
Contenido del curso
Herramientas de GraphQL en el frontend
GraphQL y Next.js
Próximos pasos
Conectando páginas y Static Site Generation (SSG)
Conectando páginas y Static Site Generation (SSG)
Contenido del curso
Abel da Cunha
Nery Alberto Cano Ortigoza
Josue David
Giancarlo Culcay
Jose Angel Morales Gonzalez
Camilo Perilla
Elioenai Garcia
A esta altura del curso me perdí... no puedo seguirlo porque voy 2 versiones adelante en next, el apollo del curso no funciona. Estoy mirando a ver si aprendo un par de trucos, pero me perdí, hace algo, lo borra, lo mueve... ME PERDÍ.
yo creo que no, el curso tiene tantas cosas rotas que ya no es viable
es que lo mejor es usar las mismas versiones de paquetes y librerias que tiene el profesor en el curso, pero aun asi te faltaria conectarte a la base de datos, inyectarle datos y verificar que vayas con cada cosa que hace.
Mejor ve pidiendole a claude o codex que vaya ajustando y guiandose de lo que tiene de cambios en github el profesor.
El branch del profe con la solución link
no olviden agregar el .env con la dirección url de los avocados
Esto es algo que me confunde, si ya tengo la información de los aguacates en un arreglo. ¿No sería mejor enviar por parámetros ese arreglo a la página de detalle?
Cuando vas a la pagina detalle, se hace unmount de la pagina de home. Tendriamos que enviar la data de los avocados a la pagina de detalle antes de que eso suceda (talvez un estado global o un context) pero todo eso tomaria tiempo en el cliente, y como buscamos un sitio estatico con Next.js, podriamos pre-renderizar cada pagina de detalle para cada avocado cuando hacemos build con ayuda de getStaticPaths. De esa forma cuando damos click en un avocado, su pagina de detalle ya esta lista y se mostrara de forma casi inmediata, sin ningun tipo delay.
yarn
yarn add @graphql-codegen/typed-document-node
npm
npm i @graphql-codegen/typed-document-node