Vamos a clonar el repositorio de github.com/Jossdz/Gatsby-platzi, de esta forma tendremos una estructura de archivos muy similar a la de gatsby new, pero esta vez con los estilos de nuestro proyecto listos:
git clone https://github.com/Jossdz/Gatsby-platzi
Archivos de configuración de Gatsby
package.json: los paquetes, scripts y la configuración principal de cualquier proyecto con Node.js.
gatsby-config.js: configuramos la metadata (título, descripción y autor) y los plugins de Gatsby que usaremos para construir nuestra aplicación.
gatsby-browser.js: una parte de nuestro código se construye desde el servidor, en el build time, y otra parte muy importante en el navegador, cada vez que los usuarios entran a nuestra aplicación. En este archivo podemos utilizar algunas APIs o métodos predefinidos para configurar el código que debe ejecutarse en el navegador, por ejemplo, para añadir vistas, cargar librerías o configurar un store global para manejar el estado.
gatsby-node.js: configuramos todo lo que tiene que ver con la construcción de nuestro sitio web con Gatsby. Podemos generar vistas en función de nuestra información proveniente de GraphQL, incluso utilizando APIs externas a nuestra aplicación.
gatsby-ssr.js: configuramos lo que sucede en el build time para que nuestra aplicación funcione correctamente en producción. Tiene el mismo fin que gatsby-browser.js, solo que este será el código que enviamos a producción.
El resto de archivos y carpetas contienen código JavaScript (seguramente con React) y CSS.
Me falló la instalación, el problema parece ser que es de instalación sin permisos porque se arregló al borrar node-modules y instalar con la bandera –unsafe-perm
Hola Devs:
-Aqui les muestro mi repositorio con la misma configuracion del profesor sin errores: Click Aqui
-Espero y les ayude, el link es del commit especifico para la configuracion inicial hasta este punto del curso, si desean pueden checar el avance.
Recuerden, #NuncaParesDeAprender 💚
Por alguna extraña razón cuando abro la carpeta del proyecto en VSC la cabecera se me pone color Verde Platzi jajaja (nada mas con este proyecto). ¿Le sucedió a alguien mas?
El repositorio tiene una carpeta que se llama .vscode y adentro un archivo de configuración en json con lo siguiente
En el archivo 'gatsby-config.js' tenemos toda la configuración de nuestro proyecto.
En el archivo 'gatsby-browser.js' es la configuración del lado del cliente y también podemos hacer llamadas a APIs.
En el archivo 'gatsby-node.js' tenemos las piezas de construcción. Aquí usamos GraphQL.
En el archivo 'gatsby-ssr.js' es muy similiar al gatsby-browser.js, pero es para el servidor.
Fue la solucion! al problema del npm i GRACIAS
Por si les gusta mas ver git visualmente:
GitHub Desktop
Honestamente he tenido algunos problemas con Github Desktop en mi experiencia profesional. Github Desktop se convierte en una solución algo limitada a la hora de realizar operaciones mas complejas de manejo de Branches (como merges, ignorar y cosas asi); por ende te recomiendo usar Sourcetree, alli tu puedes usar los repositorios de cualquier solución Git.
Te dejo un sencillo video de youtube porque no pude subir una imagen para explicar lo sencillo que es
Tutorial Clonar Repo con SourceTree
Al instalar las dependencias del proyecto, da varios errores.
Por si a alguien le sirve y quiere replicar la estructura del proyecto:
gatsby newGatsby-platzi
Luego instalar una dependencia que necesitamos para los estilos
npm i styled-components
Por ultimo hay veces donde al correr gatsby develop da error de cache, pueden hacer un gatsby clean, o agregar un script en un archivo package.json
Al parecer mi error fue haber usado yarn para instalar las dependencias. Re-instalando con npm i fue mi solución.
Tuve un problema con el comando npm i relacionado con que uso deepin como SO. Lo solucione eliminando la carpeta node_nodules y ejecutando los comandos npm cache verify y npm i -g npm. Mi sugerencia es que ejecutes los comandos y actualices el repositorio y así los nuevos estudiantes no tengan el mismo problema
Listo. Confirmado. Gracias Joss.
Para aquellos que les esté generando un error al ejecutar "gatsby develop", se puede deber a las versiones de gatsby que se instalan al ejecutar el comando "npm install".
Para solucionar esto puede modificar el archivo package.json recién se clonan el repositorio de github, de la siguiente manera:
En las dependencias que sean de gatsby le quitan el signo (^). De esta forma nos aseguramos que al ejecutar "npm install" vamos a usar la misma versión que el profesor utilizó al crear el curso y evitaremos errores.
No he podido realziar la instalación. Tengo el siguiente error
