No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

C贸mo usar Gatsby.js

21/22
Recursos

Aportes 13

Preguntas 2

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Hola Devs:
Aqui les tengo una lectura sobre 驴Por que deberiamos usar GatsbyJS?, espero que aprendan mucho mas sobre esta gran tecnologia al igual que NextJS: Click Aqui

Instalacion Gatsby

npm install -g gatsby-cli

Crear nuevo proyecto

gatsby new platzivideo-gatsby

Ejecutar proyecto

gatsby develop

Para ver si usa server side render, debemos deshabilitar javascript y el sitio deber铆a seguir funcionando.

Gatsby.js es un framework de React que nos va a permitir no solo crear aplicaciones super rapidas sino que tambien va a tener una estructura de creaci贸n de proyecto bastante sencilla. 馃槃

instalamos gastby

GatsbyJS

gatsby-cli

npm i gatsby-cli

Creamos nuestro proyecto

gatsby new platzivideo-gastby

Nos movemos al path y ejecutamos

gatsby develop

Entiendo que la intenci贸n es que aprendamos las cosas from 鈥渟cratch鈥 pero wow Gatsby y Next son herramientas asombrosas, c贸mo no usarlas?

La creaci贸n del proyecto con Gatsby me gener贸 un problema con NPM, pero hizo lo suficiente como para solo tener que entrar a la carpeta creada, ejecutar npm install, y luego, gatsbt develop para ver el proyecto andando.

gatsby me parece genial,

鈥済atsby鈥 no se reconoce como un comando interno o externo,
programa o archivo por lotes ejecutable.
Alguine m谩s le pasa?

buenas alguien sabe porque sale este error

<alejandro@DESKTOP-08S9QRN:/mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivieo-gatsby$ gatsby develop
Debugger listening on ws://127.0.0.1:9229/6f75a7ba-dfec-460d-86dd-47f0d051bfe1
For help, see: https://nodejs.org/en/docs/inspector
success open and validate gatsby-configs - 0.043s

 ERROR 

Error in "/mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_modules/gatsby-plugin-page-creator/gatsby-node.js": Cannot find module 'gatsby-cli/lib/reporter'
Require stack:
- /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_modules/gatsby-plugin-page-creator/is-valid-collection-path-implementation.js
- /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_modules/gatsby-plugin-page-creator/create-pages-from-collection-builder.js
- /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_modules/gatsby-plugin-page-creator/create-page-wrapper.js
- /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_modules/gatsby-plugin-page-creator/gatsby-node.js
- /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_modules/gatsby/dist/bootstrap/resolve-module-exports.js
- /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_modules/gatsby/dist/bootstrap/load-plugins/validate.js
- /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_modules/gatsby/dist/bootstrap/load-plugins/load.js
- /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_modules/gatsby/dist/bootstrap/load-plugins/index.js
- /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_modules/gatsby/dist/services/initialize.js
- /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_modules/gatsby/dist/services/index.js
- /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_modules/gatsby/dist/state-machines/develop/services.js
- /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_modules/gatsby/dist/state-machines/develop/index.js
- /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_modules/gatsby/dist/commands/develop-process.js
- /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/.cache/tmp-8965-BgmmXVYr73bA



  Error: Cannot find module 'gatsby-cli/lib/reporter'
  Require stack:
  - /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_module  s/gatsby-plugin-page-creator/is-valid-collection-path-implementation.js
  - /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_module  s/gatsby-plugin-page-creator/create-pages-from-collection-builder.js
  - /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_module  s/gatsby-plugin-page-creator/create-page-wrapper.js
  - /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_module  s/gatsby-plugin-page-creator/gatsby-node.js
  - /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_module  s/gatsby/dist/bootstrap/resolve-module-exports.js
  - /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_module  s/gatsby/dist/bootstrap/load-plugins/validate.js
  - /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_module  s/gatsby/dist/bootstrap/load-plugins/load.js
  - /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_module  s/gatsby/dist/bootstrap/load-plugins/index.js
  - /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_module  s/gatsby/dist/services/initialize.js
  - /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_module  s/gatsby/dist/services/index.js
  - /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_module  s/gatsby/dist/state-machines/develop/services.js
  - /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_module  s/gatsby/dist/state-machines/develop/index.js
  - /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/node_module  s/gatsby/dist/commands/develop-process.js
  - /mnt/e/Alejandro Morales S谩nchez/Documentos Universidad/Curso de Server Side Render con Express - Platzi/PlatziVideo2.0/platzivideo-gatsby/.cache/tmp-  8965-BgmmXVYr73bA

  - loader.js:982 Function.Module._resolveFilename
    internal/modules/cjs/loader.js:982:15

  - loader.js:864 Function.Module._load
    internal/modules/cjs/loader.js:864:27

  - loader.js:1044 Module.require
    internal/modules/cjs/loader.js:1044:19

  - v8-compile-cache.js:159 require
    [platzivideo-gatsby]/[v8-compile-cache]/v8-compile-cache.js:159:20

  - is-valid-collection-path-implementation.js:10 Object.<anonymous>
    [platzivideo-gatsby]/[gatsby-plugin-page-creator]/is-valid-collection-path-implementation.js:10:40

  - v8-compile-cache.js:178 Module._compile
    [platzivideo-gatsby]/[v8-compile-cache]/v8-compile-cache.js:178:30

  - loader.js:1178 Object.Module._extensions..js
    internal/modules/cjs/loader.js:1178:10

  - loader.js:1002 Module.load
    internal/modules/cjs/loader.js:1002:32

  - loader.js:901 Function.Module._load
    internal/modules/cjs/loader.js:901:14

  - loader.js:1044 Module.require
    internal/modules/cjs/loader.js:1044:19

  - v8-compile-cache.js:159 require
    [platzivideo-gatsby]/[v8-compile-cache]/v8-compile-cache.js:159:20

  - create-pages-from-collection-builder.js:28 Object.<anonymous>
    [platzivideo-gatsby]/[gatsby-plugin-page-creator]/create-pages-from-collection-builder.js:28:44

  - v8-compile-cache.js:178 Module._compile
    [platzivideo-gatsby]/[v8-compile-cache]/v8-compile-cache.js:178:30

  - loader.js:1178 Object.Module._extensions..js
    internal/modules/cjs/loader.js:1178:10

  - loader.js:1002 Module.load
    internal/modules/cjs/loader.js:1002:32

  - loader.js:901 Function.Module._load
    internal/modules/cjs/loader.js:901:14


not finished load plugins - 0.693s>

muchas gracias si me pueden explicar el porque

Next.js es m谩s sencillo que Gatsby?驴 Cual es m谩s potente?

estos frameworks se ven bastante completos y prefabricados , dan la sensaci贸n de ser mas espec铆ficos.

Gracias !!! 馃挌