GithubHelp home page GithubHelp logo

greglobinski / gatsby-starter-hero-blog Goto Github PK

View Code? Open in Web Editor NEW
516.0 16.0 209.0 11.07 MB

A ready to use, easy to customize, fully equipped GatsbyJS starter with a 'Hero' section on the home page.

Home Page: https://gatsby-starter-hero-blog.greglobinski.com/

License: MIT License

JavaScript 98.14% Shell 1.86%
gatsbyjs reactjs styled-jsx css-in-js

gatsby-starter-hero-blog's Introduction

greglobinski.com

That's the code of my website (greglobinski.com). My first production-use of the Gatsby-React tandem.

Screenshots

Build with

Starting point

Additional plugins and packages

Setup

  1. Install gatsby-cli (docs)
  2. Clone the repository to your localhost
  3. Install dependencies (yarn install)
  4. Use gatsby-cli to start in development mode (docs)
  5. Have fun.

gatsby-starter-hero-blog's People

Contributors

b777 avatar baobabkoodaa avatar ceoehis avatar gouravsood avatar greglobinski avatar gstrainovic avatar jason-cooke avatar mohsenkhanpour avatar sedubois avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

gatsby-starter-hero-blog's Issues

Deploy on Netlify fails

Error: ./src/components/Seo/index.js
1:12:54 PM: Module not found: Error: Cannot resolve 'file' or 'directory' ./Seo in /opt/bu ild/repo/src/components/Seo
1:12:55 PM: resolve file
1:12:55 PM: /opt/build/repo/src/components/Seo/Seo doesn't exist
1:12:55 PM: /opt/build/repo/src/components/Seo/Seo.js doesn't exist
1:12:55 PM: /opt/build/repo/src/components/Seo/Seo.jsx doesn't exist
1:12:55 PM: resolve directory
1:12:55 PM: /opt/build/repo/src/components/Seo/Seo doesn't exist (directory default file )
1:12:55 PM: /opt/build/repo/src/components/Seo/Seo/package.json doesn't exist (directory description file)
1:12:55 PM: [/opt/build/repo/src/components/Seo/Seo]
1:12:55 PM: [/opt/build/repo/src/components/Seo/Seo.js]
1:12:55 PM: [/opt/build/repo/src/components/Seo/Seo.jsx]
1:12:55 PM: @ ./src/components/Seo/index.js 5:11-27

Should the Seo file exist?

How to delete the menu item?

I tried to deleting menu items in folder "content/pages/" and error display when i rebuild in cmd:
GraphQL Error Unknown field menuTitle on type frontmatter_4

file: /Users/vuongvu/Desktop/ten-gatsby-news/src/layouts/index.js

 5 |       sort: { fields: [fields___prefix], order: ASC }
 6 |     ) {
 7 |       edges {
 8 |         node {
 9 |           fields {
10 |             slug
11 |             prefix
12 |           }
13 |           frontmatter {
14 |             title
> 15 |             menuTitle
   |             ^
16 |           }
17 |         }
18 |       }
19 |     }
20 |     footnote: markdownRemark(id: { regex: "/footnote/" }) {
21 |       id
22 |       html
23 |     }
24 |   }
25 | 

TypeError: Cannot read property 'footnote' of undefined in browser.

Plz give the solution for my problem.

gitlab deployment issue

I was deploying this pack to Gitlab. The only changes I did was to add gitlab configuration file and add pathPrefix

Every Started pack seems to have this issue. I tried deploying default starter Gatsby and it works fine & is deployed.

Can you look into this problem a bit? Thanks

Running with gitlab-runner 11.5.0-rc1 (e900028d)
  on docker-auto-scale fa6cab46
Using Docker executor with image node:latest ...
Pulling docker image node:latest ...
Using docker image sha256:3487fb1e4deee97c1b9db2d95fae623e9489e9f3d77baddb4e14a21086d83040 for node:latest ...
Running on runner-fa6cab46-project-9525754-concurrent-0 via runner-fa6cab46-srm-1542778324-8eb020ee...
Cloning repository...
Cloning into '/builds/abhimanyuaryan/aryanblog'...
Checking out 75cad56f as master...
Skipping Git submodules setup
Checking cache for default...
FATAL: file does not exist                         
Failed to extract cache
$ npm install
npm WARN deprecated [email protected]: 'postcss-cssnext' has been deprecated in favor of 'postcss-preset-env'. Read more at https://moox.io/blog/deprecating-cssnext/
npm WARN deprecated [email protected]: Switch to the `bfj` package for fixes and new features!
npm WARN deprecated [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated [email protected]: CircularJSON is in maintenance only, flatted is its successor.
npm WARN deprecated [email protected]: gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5

> [email protected] install /builds/abhimanyuaryan/aryanblog/node_modules/deasync
> node ./build.js

`linux-x64-node-11` exists; testing
Binary is fine; exiting

> [email protected] install /builds/abhimanyuaryan/aryanblog/node_modules/sharp
> (node install/libvips && node install/dll-copy && prebuild-install) || (node-gyp rebuild && node install/dll-copy)

info sharp Downloading https://github.com/lovell/sharp-libvips/releases/download/v8.7.0/libvips-8.7.0-linux-x64.tar.gz
prebuild-install WARN install No prebuilt binaries found (target=11.2.0 runtime=node arch=x64 platform=linux)
make: Entering directory '/builds/abhimanyuaryan/aryanblog/node_modules/sharp/build'
  TOUCH Release/obj.target/libvips-cpp.stamp
  CXX(target) Release/obj.target/sharp/src/common.o
In file included from ../src/common.cc:24:0:
../../nan/nan.h: In constructor 'Nan::Utf8String::Utf8String(v8::Local<v8::Value>)':
../../nan/nan.h:1064:78: warning: 'v8::Local<v8::String> v8::Value::ToString(v8::Isolate*) const' is deprecated: Use maybe version [-Wdeprecated-declarations]
       v8::Local<v8::String> string = from->ToString(v8::Isolate::GetCurrent());
                                                                              ^
In file included from /root/.node-gyp/11.2.0/include/node/v8.h:26:0,
                 from /root/.node-gyp/11.2.0/include/node/node.h:63,
                 from ../src/common.cc:22:
/root/.node-gyp/11.2.0/include/node/v8.h:2538:31: note: declared here
                 Local<String> ToString(Isolate* isolate) const);
                               ^
/root/.node-gyp/11.2.0/include/node/v8config.h:326:3: note: in definition of macro 'V8_DEPRECATED'
   declarator __attribute__((deprecated(message)))
   ^~~~~~~~~~
  CXX(target) Release/obj.target/sharp/src/metadata.o
In file included from ../src/metadata.cc:19:0:
../../nan/nan.h: In constructor 'Nan::Utf8String::Utf8String(v8::Local<v8::Value>)':
../../nan/nan.h:1064:78: warning: 'v8::Local<v8::String> v8::Value::ToString(v8::Isolate*) const' is deprecated: Use maybe version [-Wdeprecated-declarations]
       v8::Local<v8::String> string = from->ToString(v8::Isolate::GetCurrent());
                                                                              ^
In file included from /root/.node-gyp/11.2.0/include/node/v8.h:26:0,
                 from /root/.node-gyp/11.2.0/include/node/node.h:63,
                 from ../src/metadata.cc:18:
/root/.node-gyp/11.2.0/include/node/v8.h:2538:31: note: declared here
                 Local<String> ToString(Isolate* isolate) const);
                               ^
/root/.node-gyp/11.2.0/include/node/v8config.h:326:3: note: in definition of macro 'V8_DEPRECATED'
   declarator __attribute__((deprecated(message)))
   ^~~~~~~~~~
  CXX(target) Release/obj.target/sharp/src/stats.o
In file included from ../src/stats.cc:20:0:
../../nan/nan.h: In constructor 'Nan::Utf8String::Utf8String(v8::Local<v8::Value>)':
../../nan/nan.h:1064:78: warning: 'v8::Local<v8::String> v8::Value::ToString(v8::Isolate*) const' is deprecated: Use maybe version [-Wdeprecated-declarations]
       v8::Local<v8::String> string = from->ToString(v8::Isolate::GetCurrent());
                                                                              ^
In file included from /root/.node-gyp/11.2.0/include/node/v8.h:26:0,
                 from /root/.node-gyp/11.2.0/include/node/node.h:63,
                 from ../src/stats.cc:19:
/root/.node-gyp/11.2.0/include/node/v8.h:2538:31: note: declared here
                 Local<String> ToString(Isolate* isolate) const);
                               ^
/root/.node-gyp/11.2.0/include/node/v8config.h:326:3: note: in definition of macro 'V8_DEPRECATED'
   declarator __attribute__((deprecated(message)))
   ^~~~~~~~~~
  CXX(target) Release/obj.target/sharp/src/operations.o
In file included from ../src/common.h:23:0,
                 from ../src/operations.cc:23:
../../nan/nan.h: In constructor 'Nan::Utf8String::Utf8String(v8::Local<v8::Value>)':
../../nan/nan.h:1064:78: warning: 'v8::Local<v8::String> v8::Value::ToString(v8::Isolate*) const' is deprecated: Use maybe version [-Wdeprecated-declarations]
       v8::Local<v8::String> string = from->ToString(v8::Isolate::GetCurrent());
                                                                              ^
In file included from /root/.node-gyp/11.2.0/include/node/v8.h:26:0,
                 from /root/.node-gyp/11.2.0/include/node/node.h:63,
                 from ../src/common.h:22,
                 from ../src/operations.cc:23:
/root/.node-gyp/11.2.0/include/node/v8.h:2538:31: note: declared here
                 Local<String> ToString(Isolate* isolate) const);
                               ^
/root/.node-gyp/11.2.0/include/node/v8config.h:326:3: note: in definition of macro 'V8_DEPRECATED'
   declarator __attribute__((deprecated(message)))
   ^~~~~~~~~~
  CXX(target) Release/obj.target/sharp/src/pipeline.o
In file included from ../src/pipeline.cc:27:0:
../../nan/nan.h: In constructor 'Nan::Utf8String::Utf8String(v8::Local<v8::Value>)':
../../nan/nan.h:1064:78: warning: 'v8::Local<v8::String> v8::Value::ToString(v8::Isolate*) const' is deprecated: Use maybe version [-Wdeprecated-declarations]
       v8::Local<v8::String> string = from->ToString(v8::Isolate::GetCurrent());
                                                                              ^
In file included from /root/.node-gyp/11.2.0/include/node/v8.h:26:0,
                 from /root/.node-gyp/11.2.0/include/node/node.h:63,
                 from ../src/pipeline.cc:26:
/root/.node-gyp/11.2.0/include/node/v8.h:2538:31: note: declared here
                 Local<String> ToString(Isolate* isolate) const);
                               ^
/root/.node-gyp/11.2.0/include/node/v8config.h:326:3: note: in definition of macro 'V8_DEPRECATED'
   declarator __attribute__((deprecated(message)))
   ^~~~~~~~~~
  CXX(target) Release/obj.target/sharp/src/sharp.o
In file included from ../src/sharp.cc:16:0:
../../nan/nan.h: In constructor 'Nan::Utf8String::Utf8String(v8::Local<v8::Value>)':
../../nan/nan.h:1064:78: warning: 'v8::Local<v8::String> v8::Value::ToString(v8::Isolate*) const' is deprecated: Use maybe version [-Wdeprecated-declarations]
       v8::Local<v8::String> string = from->ToString(v8::Isolate::GetCurrent());
                                                                              ^
In file included from /root/.node-gyp/11.2.0/include/node/v8.h:26:0,
                 from /root/.node-gyp/11.2.0/include/node/node.h:63,
                 from ../src/sharp.cc:15:
/root/.node-gyp/11.2.0/include/node/v8.h:2538:31: note: declared here
                 Local<String> ToString(Isolate* isolate) const);
                               ^
/root/.node-gyp/11.2.0/include/node/v8config.h:326:3: note: in definition of macro 'V8_DEPRECATED'
   declarator __attribute__((deprecated(message)))
   ^~~~~~~~~~
  CXX(target) Release/obj.target/sharp/src/utilities.o
In file included from ../src/utilities.cc:19:0:
../../nan/nan.h: In constructor 'Nan::Utf8String::Utf8String(v8::Local<v8::Value>)':
../../nan/nan.h:1064:78: warning: 'v8::Local<v8::String> v8::Value::ToString(v8::Isolate*) const' is deprecated: Use maybe version [-Wdeprecated-declarations]
       v8::Local<v8::String> string = from->ToString(v8::Isolate::GetCurrent());
                                                                              ^
In file included from /root/.node-gyp/11.2.0/include/node/v8.h:26:0,
                 from /root/.node-gyp/11.2.0/include/node/node.h:63,
                 from ../src/utilities.cc:18:
/root/.node-gyp/11.2.0/include/node/v8.h:2538:31: note: declared here
                 Local<String> ToString(Isolate* isolate) const);
                               ^
/root/.node-gyp/11.2.0/include/node/v8config.h:326:3: note: in definition of macro 'V8_DEPRECATED'
   declarator __attribute__((deprecated(message)))
   ^~~~~~~~~~
  SOLINK_MODULE(target) Release/obj.target/sharp.node
  COPY Release/sharp.node
make: Leaving directory '/builds/abhimanyuaryan/aryanblog/node_modules/sharp/build'

> [email protected] install /builds/abhimanyuaryan/aryanblog/node_modules/sharp-cli/node_modules/sharp
> (node install/libvips && node install/dll-copy && prebuild-install) || (node-gyp rebuild && node install/dll-copy)

info sharp Downloading https://github.com/lovell/sharp-libvips/releases/download/v8.6.1/libvips-8.6.1-linux-x64.tar.gz
prebuild-install WARN install No prebuilt binaries found (target=11.2.0 runtime=node arch=x64 platform=linux)
make: Entering directory '/builds/abhimanyuaryan/aryanblog/node_modules/sharp-cli/node_modules/sharp/build'
  TOUCH Release/obj.target/libvips-cpp.stamp
  CXX(target) Release/obj.target/sharp/src/common.o
In file included from ../src/common.cc:24:0:
../../../../nan/nan.h: In constructor 'Nan::Utf8String::Utf8String(v8::Local<v8::Value>)':
../../../../nan/nan.h:1064:78: warning: 'v8::Local<v8::String> v8::Value::ToString(v8::Isolate*) const' is deprecated: Use maybe version [-Wdeprecated-declarations]
       v8::Local<v8::String> string = from->ToString(v8::Isolate::GetCurrent());
                                                                              ^
In file included from /root/.node-gyp/11.2.0/include/node/v8.h:26:0,
                 from /root/.node-gyp/11.2.0/include/node/node.h:63,
                 from ../src/common.cc:22:
/root/.node-gyp/11.2.0/include/node/v8.h:2538:31: note: declared here
                 Local<String> ToString(Isolate* isolate) const);
                               ^
/root/.node-gyp/11.2.0/include/node/v8config.h:326:3: note: in definition of macro 'V8_DEPRECATED'
   declarator __attribute__((deprecated(message)))
   ^~~~~~~~~~
  CXX(target) Release/obj.target/sharp/src/metadata.o
In file included from ../src/metadata.cc:19:0:
../../../../nan/nan.h: In constructor 'Nan::Utf8String::Utf8String(v8::Local<v8::Value>)':
../../../../nan/nan.h:1064:78: warning: 'v8::Local<v8::String> v8::Value::ToString(v8::Isolate*) const' is deprecated: Use maybe version [-Wdeprecated-declarations]
       v8::Local<v8::String> string = from->ToString(v8::Isolate::GetCurrent());
                                                                              ^
In file included from /root/.node-gyp/11.2.0/include/node/v8.h:26:0,
                 from /root/.node-gyp/11.2.0/include/node/node.h:63,
                 from ../src/metadata.cc:18:
/root/.node-gyp/11.2.0/include/node/v8.h:2538:31: note: declared here
                 Local<String> ToString(Isolate* isolate) const);
                               ^
/root/.node-gyp/11.2.0/include/node/v8config.h:326:3: note: in definition of macro 'V8_DEPRECATED'
   declarator __attribute__((deprecated(message)))
   ^~~~~~~~~~
  CXX(target) Release/obj.target/sharp/src/stats.o
In file included from ../src/stats.cc:20:0:
../../../../nan/nan.h: In constructor 'Nan::Utf8String::Utf8String(v8::Local<v8::Value>)':
../../../../nan/nan.h:1064:78: warning: 'v8::Local<v8::String> v8::Value::ToString(v8::Isolate*) const' is deprecated: Use maybe version [-Wdeprecated-declarations]
       v8::Local<v8::String> string = from->ToString(v8::Isolate::GetCurrent());
                                                                              ^
In file included from /root/.node-gyp/11.2.0/include/node/v8.h:26:0,
                 from /root/.node-gyp/11.2.0/include/node/node.h:63,
                 from ../src/stats.cc:19:
/root/.node-gyp/11.2.0/include/node/v8.h:2538:31: note: declared here
                 Local<String> ToString(Isolate* isolate) const);
                               ^
/root/.node-gyp/11.2.0/include/node/v8config.h:326:3: note: in definition of macro 'V8_DEPRECATED'
   declarator __attribute__((deprecated(message)))
   ^~~~~~~~~~
  CXX(target) Release/obj.target/sharp/src/operations.o
In file included from ../src/common.h:23:0,
                 from ../src/operations.cc:23:
../../../../nan/nan.h: In constructor 'Nan::Utf8String::Utf8String(v8::Local<v8::Value>)':
../../../../nan/nan.h:1064:78: warning: 'v8::Local<v8::String> v8::Value::ToString(v8::Isolate*) const' is deprecated: Use maybe version [-Wdeprecated-declarations]
       v8::Local<v8::String> string = from->ToString(v8::Isolate::GetCurrent());
                                                                              ^
In file included from /root/.node-gyp/11.2.0/include/node/v8.h:26:0,
                 from /root/.node-gyp/11.2.0/include/node/node.h:63,
                 from ../src/common.h:22,
                 from ../src/operations.cc:23:
/root/.node-gyp/11.2.0/include/node/v8.h:2538:31: note: declared here
                 Local<String> ToString(Isolate* isolate) const);
                               ^
/root/.node-gyp/11.2.0/include/node/v8config.h:326:3: note: in definition of macro 'V8_DEPRECATED'
   declarator __attribute__((deprecated(message)))
   ^~~~~~~~~~
  CXX(target) Release/obj.target/sharp/src/pipeline.o
In file included from ../src/pipeline.cc:27:0:
../../../../nan/nan.h: In constructor 'Nan::Utf8String::Utf8String(v8::Local<v8::Value>)':
../../../../nan/nan.h:1064:78: warning: 'v8::Local<v8::String> v8::Value::ToString(v8::Isolate*) const' is deprecated: Use maybe version [-Wdeprecated-declarations]
       v8::Local<v8::String> string = from->ToString(v8::Isolate::GetCurrent());
                                                                              ^
In file included from /root/.node-gyp/11.2.0/include/node/v8.h:26:0,
                 from /root/.node-gyp/11.2.0/include/node/node.h:63,
                 from ../src/pipeline.cc:26:
/root/.node-gyp/11.2.0/include/node/v8.h:2538:31: note: declared here
                 Local<String> ToString(Isolate* isolate) const);
                               ^
/root/.node-gyp/11.2.0/include/node/v8config.h:326:3: note: in definition of macro 'V8_DEPRECATED'
   declarator __attribute__((deprecated(message)))
   ^~~~~~~~~~
  CXX(target) Release/obj.target/sharp/src/sharp.o
In file included from ../src/sharp.cc:16:0:
../../../../nan/nan.h: In constructor 'Nan::Utf8String::Utf8String(v8::Local<v8::Value>)':
../../../../nan/nan.h:1064:78: warning: 'v8::Local<v8::String> v8::Value::ToString(v8::Isolate*) const' is deprecated: Use maybe version [-Wdeprecated-declarations]
       v8::Local<v8::String> string = from->ToString(v8::Isolate::GetCurrent());
                                                                              ^
In file included from /root/.node-gyp/11.2.0/include/node/v8.h:26:0,
                 from /root/.node-gyp/11.2.0/include/node/node.h:63,
                 from ../src/sharp.cc:15:
/root/.node-gyp/11.2.0/include/node/v8.h:2538:31: note: declared here
                 Local<String> ToString(Isolate* isolate) const);
                               ^
/root/.node-gyp/11.2.0/include/node/v8config.h:326:3: note: in definition of macro 'V8_DEPRECATED'
   declarator __attribute__((deprecated(message)))
   ^~~~~~~~~~
  CXX(target) Release/obj.target/sharp/src/utilities.o
In file included from ../src/utilities.cc:19:0:
../../../../nan/nan.h: In constructor 'Nan::Utf8String::Utf8String(v8::Local<v8::Value>)':
../../../../nan/nan.h:1064:78: warning: 'v8::Local<v8::String> v8::Value::ToString(v8::Isolate*) const' is deprecated: Use maybe version [-Wdeprecated-declarations]
       v8::Local<v8::String> string = from->ToString(v8::Isolate::GetCurrent());
                                                                              ^
In file included from /root/.node-gyp/11.2.0/include/node/v8.h:26:0,
                 from /root/.node-gyp/11.2.0/include/node/node.h:63,
                 from ../src/utilities.cc:18:
/root/.node-gyp/11.2.0/include/node/v8.h:2538:31: note: declared here
                 Local<String> ToString(Isolate* isolate) const);
                               ^
/root/.node-gyp/11.2.0/include/node/v8config.h:326:3: note: in definition of macro 'V8_DEPRECATED'
   declarator __attribute__((deprecated(message)))
   ^~~~~~~~~~
  SOLINK_MODULE(target) Release/obj.target/sharp.node
  COPY Release/sharp.node
make: Leaving directory '/builds/abhimanyuaryan/aryanblog/node_modules/sharp-cli/node_modules/sharp/build'

> [email protected] postinstall /builds/abhimanyuaryan/aryanblog/node_modules/cwebp-bin
> node lib/install.js

  ✔ cwebp pre-build test passed successfully

> [email protected] postinstall /builds/abhimanyuaryan/aryanblog/node_modules/mozjpeg
> node lib/install.js

  ✔ mozjpeg pre-build test passed successfully

> [email protected] postinstall /builds/abhimanyuaryan/aryanblog/node_modules/pngquant-bin
> node lib/install.js

  ✔ pngquant pre-build test passed successfully
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN [email protected] requires a peer of styled-jsx@^3.0.2 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dom@^15.4.2 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of eslint@^4.1.1 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-native@>= 0.32.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

added 2732 packages from 1384 contributors and audited 45622 packages in 119.035s
found 4 moderate severity vulnerabilities
  run `npm audit fix` to fix them, or `npm audit` for details
$ ./node_modules/.bin/gatsby build --prefix-paths
error We encountered an error while trying to load your site's gatsby-config. Please fix the error and try again.


  Error: Cannot find module './content/meta/config'
  
  - loader.js:603 Function.Module._resolveFilename
    internal/modules/cjs/loader.js:603:15
  
  - loader.js:529 Function.Module._load
    internal/modules/cjs/loader.js:529:25
  
  - loader.js:658 Module.require
    internal/modules/cjs/loader.js:658:17
  
  - v8-compile-cache.js:159 require
    [aryanblog]/[v8-compile-cache]/v8-compile-cache.js:159:20
  
  - gatsby-config.js:2 Object.<anonymous>
    /builds/abhimanyuaryan/aryanblog/gatsby-config.js:2:16
  
  - v8-compile-cache.js:178 Module._compile
    [aryanblog]/[v8-compile-cache]/v8-compile-cache.js:178:30
  
  - loader.js:733 Object.Module._extensions..js
    internal/modules/cjs/loader.js:733:10
  
  - loader.js:620 Module.load
    internal/modules/cjs/loader.js:620:32
  
  - loader.js:560 tryModuleLoad
    internal/modules/cjs/loader.js:560:12
  
  - loader.js:552 Function.Module._load
    internal/modules/cjs/loader.js:552:3
  
  - loader.js:658 Module.require
    internal/modules/cjs/loader.js:658:17
  
  - v8-compile-cache.js:159 require
    [aryanblog]/[v8-compile-cache]/v8-compile-cache.js:159:20
  
  - get-config-file.js:33 
    [aryanblog]/[gatsby]/dist/bootstrap/get-config-file.js:33:22
  
  - Generator.next
  

ERROR: Job failed: exit code 1

How to add pagination?

I'm struggling to add the pagination :( I've tried both plugins (gatsby-pagination and gatsby-paginate) but I see no difference. I still get the full list of posts. With gatsby-pagination I'm adding the following to gatsby-node.js:

const { createPaginationPages } = require("gatsby-pagination");

const indexPage = path.resolve("./src/pages/index.js");
const items = result.data.allMarkdownRemark.edges;

createPaginationPages({
createPage: createPage,
edges: items,
component: indexPage,
limit: 5
});

// Then the following blocks...
// Create category pages
// Create posts
// and pages.
Any idea of what I'm doing wrong? I'm still learning about Gatsby. Cheers in advance!

Path Prefix In Wrong Place In Gatsby-Config

Crazy kook time trying to deploy to gh-pages because the gatsby-config is not setup correctly.

In particular,

"pathPrefix" needed to be at the top level of gatsby-config.js, not nested within siteMetadata

See this issue if you feel like it.

thanks fam

CSS media hover not working in Firefox + back transition not working in Chrome

  • On Firefox, the mouse hover doesn't do anything when hovering above a blog post preview on the home page. On Chrome it works (the image gets zoomed and an orange arrow appears).
  • On Chrome, the image gets zoomed in smoothly when hovering with the mouse, but it pops back without transition when taking the mouse out (I guess that a smooth transition would be better in this case too)

For the first point it seems fixed by removing @media (hover: hover) in components/Blog/Item, was that needed for something? And for the second point I have no idea as I'm a CSS newbie...

Installation errors: potential NPM dependency clashes

I really love the look of this template, but so far I have been unsuccessful in being able to build it using the README instruction. It looks like there might be a problem with dependencies, and I'm also getting warnings and errors related to yarn.

Last login: Fri Aug 17 11:12:18 on ttys000
mc-MBP:~ mc$ gatsby new ~/workspaces/mc_blog https://github.com/greglobinski/gatsby-starter-hero-blog.git
info Creating new site from git: https://github.com/greglobinski/gatsby-starter-hero-blog.git
Cloning into '/Users/mc/workspaces/mc_blog'...
remote: Counting objects: 473, done.
remote: Total 473 (delta 0), reused 1 (delta 0), pack-reused 472
Receiving objects: 100% (473/473), 9.17 MiB | 8.42 MiB/s, done.
Resolving deltas: 100% (183/183), done.
success Created starter directory layout
info Installing packages...
yarn install v1.9.4
warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.

Should I have yarn installed? I've tried to stick to just using npm as my package manager, but I do have yarn installed via Homebrew.

[1/4] 🔍  Resolving packages...
[2/4] 🚚  Fetching packages...
warning [email protected]: The engine "yargs" appears to be invalid.
[3/4] 🔗  Linking dependencies...
warning " > [email protected]" has unmet peer dependency "react@>=16.0.0".
warning " > [email protected]" has unmet peer dependency "react-dom@>=16.0.0".
warning "antd > [email protected]" has unmet peer dependency "react@^0.14.0 || ^15.0.0 || ^16.0.0".
warning "antd > [email protected]" has unmet peer dependency "immutable@^3.7.4".
warning "antd > [email protected]" has unmet peer dependency "react@^0.14.0 || ^15.0.0-0 || ^16.0.0".
warning "antd > [email protected]" has unmet peer dependency "react-dom@^0.14.0 || ^15.0.0-0 || ^16.0.0".
warning "antd > [email protected]" has unmet peer dependency "react@^0.14.0 || ^15.0.1 || ^16.0.0".
warning "antd > [email protected]" has unmet peer dependency "react-dom@^0.14.0 || ^15.0.1 || ^16.0.0".
warning "antd > rc-editor-mention > [email protected]" has unmet peer dependency "react@^0.14.0 || ^15.0.0-rc || ^16.0.0-rc || ^16.0.0".
warning "antd > rc-editor-mention > [email protected]" has unmet peer dependency "react-dom@^0.14.0 || ^15.0.0-rc || ^16.0.0-rc || ^16.0.0".
warning "antd > rc-tabs > [email protected]" has unmet peer dependency "react@^0.14.3 || ^15.0.0 || ^16.0.0".
warning "gatsby > [email protected]" has incorrect peer dependency "webpack@^2.0.0 || ^3.0.0 || ^4.0.0".
warning "gatsby > [email protected]" has unmet peer dependency "caniuse-db@^1.0.30000652".
warning "gatsby-transformer-remark > [email protected]" has unmet peer dependency "graphql@>=0.4.0".
warning " > [email protected]" has unmet peer dependency "react-dom@^15.4.2".
warning " > [email protected]" has unmet peer dependency "[email protected] || 16.x".
warning "react-facebook > [email protected]" has unmet peer dependency "[email protected] || 16.x".
warning " > [email protected]" has unmet peer dependency "react@>=15.0.0".
warning "react-helmet > [email protected]" has unmet peer dependency "react@^0.13.0 || ^0.14.0 || ^15.0.0 || ^16.0.0".
warning " > [email protected]" has unmet peer dependency "react@^0.14.0 || ^15.0.0 || ^16.0.0".
warning " > [email protected]" has unmet peer dependency "react-dom@^0.14.0 || ^15.0.0 || ^16.0.0".
warning "react-icons > [email protected]" has unmet peer dependency "react@*".
warning "react-icons > [email protected]" has unmet peer dependency "react-dom@*".
warning "react-icons > [email protected]" has unmet peer dependency "prop-types@*".
warning "react-instantsearch > [email protected]" has unmet peer dependency "react@>= 15.3.0 < 17".
warning "react-instantsearch > [email protected]" has unmet peer dependency "react@>= 15.3.0 < 17".
warning "react-instantsearch > [email protected]" has unmet peer dependency "react-dom@>= 15.3.0 < 17".
warning "react-instantsearch > [email protected]" has unmet peer dependency "react@>= 15.3.0 < 17".
warning "react-instantsearch > [email protected]" has unmet peer dependency "react-native@>= 0.32.0".
warning "react-instantsearch > react-instantsearch-core > [email protected]" has unmet peer dependency "algoliasearch@>= 3.1 < 4".
warning " > [email protected]" has unmet peer dependency "react@>=15.3.0".
warning " > [email protected]" has unmet peer dependency "react-dom@>=15.3.0".
warning " > [email protected]" has unmet peer dependency "react@^0.13.0 || ^0.14.0 || ^15.0.0 || ^16.0.0-0".
warning " > [email protected]" has unmet peer dependency "react@^0.14.0 || ^15.0.0 || ^16.0.0".
warning " > [email protected]" has unmet peer dependency "react-dom@^0.14.0 || ^15.0.0 || ^16.0.0".
warning " > [email protected]" has unmet peer dependency "[email protected] || 16.x.x".
warning " > [email protected]" has unmet peer dependency "graphql@^0.12.0 || ^0.13.0".
warning "eslint-plugin-graphql > [email protected]" has unmet peer dependency "graphql@^0.11.0 || ^0.12.0 || ^0.13.0".
warning "eslint-plugin-graphql > graphql-config > [email protected]" has unmet peer dependency "graphql@^0.11.0 || ^0.12.0 || ^0.13.0".
warning " > [email protected]" has unmet peer dependency "caniuse-lite@^1.0.30000697".
warning "postcss-loader > [email protected]" has unmet peer dependency "webpack@^2.0.0 || ^3.0.0 || ^4.0.0".

From what I've seen about these dependency warnings (and trying to resolve them manually), some of these packages would require multiple installations of different versions of their dependencies.

[4/4] 📃  Building fresh packages...
[1/9] ⠂ fsevents
[2/9] ⠂ sharp
[8/9] ⠂ sharp
[7/9] ⠂ fsevents
error /Users/mc/workspaces/mc_blog/node_modules/deasync: Command failed.
Exit code: 1
Command: node ./build.js
Arguments: 
Directory: /Users/mc/workspaces/mc_blog/node_modules/deasync
Output:
gyp info it worked if it ends with ok
gyp info using [email protected]
gyp info using [email protected] | darwin | x64
gyp info spawn /Library/Frameworks/Python.framework/Versions/2.7/bin/python2
gyp info spawn args [ '/usr/local/Cellar/node/10.8.0/libexec/lib/node_modules/npm/node_modules/node-gyp/gyp/gyp_main.py',
gyp info spawn args   'binding.gyp',
gyp info spawn args   '-f',
gyp info spawn args   'make',
gyp info spawn args   '-I',
gyp info spawn args   '/Users/mc/workspaces/mc_blog/node_modules/deasync/build/config.gypi',
gyp info spawn args   '-I',
gyp info spawn args   '/usr/local/Cellar/node/10.8.0/libexec/lib/node_modules/npm/node_modules/node-gyp/addon.gypi',
gyp info spawn args   '-I',
gyp info spawn args   '/Users/mc/.node-gyp/10.8.0/include/node/common.gypi',
gyp info spawn args   '-Dlibrary=shared_library',
gyp info spawn args   '-Dvisibility=default',
gyp info spawn args   '-Dnode_root_dir=/Users/mc/.node-gyp/10.8.0',
gyp info spawn args   '-Dnode_gyp_dir=/usr/local/Cellar/node/10.8.0/libexec/lib/node_modules/npm/node_modules/node-gyp',
gyp info spawn args   '-Dnode_lib_file=/Users/mc/.node-gyp/10.8.0/<(target_arch)/node.lib',
gyp info spawn args   '-Dmodule_root_dir=/Users/mc/workspaces/mc_blog/node_modules/deasync',
gyp info spawn args   '-Dnode_engine=v8',
gyp info spawn args   '--depth=.',
gyp info spawn args   '--no-parallel',
gyp info spawn args   '--generator-output',
gyp info spawn args   'build',
gyp info spawn args   '-Goutput_dir=.' ]
gyp info spawn make
gyp info spawn args [ 'BUILDTYPE=Release', '-C', 'build' ]
c++: error: unrecognized command line option '-stdlib=libc++'
make: *** [Release/obj.target/deasync/src/deasync.o] Error 1
gyp ERR! build error 
gyp ERR! stack Error: `make` failed with exit code: 2
gyp ERR! stack     at ChildProcess.onExit (/usr/local/Cellar/node/10.8.0/libexec/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:262:23)
gyp ERR! stack     at ChildProcess.emit (events.js:182:13)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:238:12)
gyp ERR! System Darwin 17.5.0
gyp ERR! command "/usr/local/Cellar/node/10.8.0/bin/node" "/usr/local/Cellar/node/10.8.0/libexec/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /Users/mc/workspaces/mc_blog/node_modules/deasync
gyp ERR! node -v v10.8.0
gyp ERR! node-gyp -v v3.7.0
gyp ERR! not ok 




warning Error running install script for optional dependency: "/Users/mc/workspaces/mc_blog/node_modules/fsevents: Command failed.
Exit code: 1
Command: node install
Arguments: 
Directory: /Users/mc/workspaces/mc_blog/node_modules/fsevents
Output:
node-pre-gyp info it worked if it ends with ok
node-pre-gyp info using [email protected]
node-pre-gyp info using [email protected] | darwin | x64
node-pre-gyp info check checked for \"/Users/mc/workspaces/mc_blog/node_modules/fsevents/lib/binding/Release/node-v64-darwin-x64/fse.node\" (not found)
node-pre-gyp http GET https://fsevents-binaries.s3-us-west-2.amazonaws.com/v1.2.2/fse-v1.2.2-node-v64-darwin-x64.tar.gz
node-pre-gyp http 404 https://fsevents-binaries.s3-us-west-2.amazonaws.com/v1.2.2/fse-v1.2.2-node-v64-darwin-x64.tar.gz
node-pre-gyp ERR! Tried to download(404): https://fsevents-binaries.s3-us-west-2.amazonaws.com/v1.2.2/fse-v1.2.2-node-v64-darwin-x64.tar.gz 
node-pre-gyp ERR! Pre-built binaries not found for [email protected] and [email protected] (node-v64 ABI, unknown) (falling back to source compile with node-gyp) 
node-pre-gyp http 404 status code downloading tarball https://fsevents-binaries.s3-us-west-2.amazonaws.com/v1.2.2/fse-v1.2.2-node-v64-darwin-x64.tar.gz 
gyp info it worked if it ends with ok
gyp info using [email protected]
gyp info using [email protected] | darwin | x64
gyp info ok 
gyp info it worked if it ends with ok
gyp info using [email protected]
gyp info using [email protected] | darwin | x64
gyp info spawn /Library/Frameworks/Python.framework/Versions/2.7/bin/python2
gyp info spawn args [ '/usr/local/Cellar/node/10.8.0/libexec/lib/node_modules/npm/node_modules/node-gyp/gyp/gyp_main.py',
gyp info spawn args   'binding.gyp',
gyp info spawn args   '-f',
gyp info spawn args   'make',
gyp info spawn args   '-I',
gyp info spawn args   '/Users/mc/workspaces/mc_blog/node_modules/fsevents/build/config.gypi',
gyp info spawn args   '-I',
gyp info spawn args   '/usr/local/Cellar/node/10.8.0/libexec/lib/node_modules/npm/node_modules/node-gyp/addon.gypi',
gyp info spawn args   '-I',
gyp info spawn args   '/Users/mc/.node-gyp/10.8.0/include/node/common.gypi',
gyp info spawn args   '-Dlibrary=shared_library',
gyp info spawn args   '-Dvisibility=default',
gyp info spawn args   '-Dnode_root_dir=/Users/mc/.node-gyp/10.8.0',
gyp info spawn args   '-Dnode_gyp_dir=/usr/local/Cellar/node/10.8.0/libexec/lib/node_modules/npm/node_modules/node-gyp',
gyp info spawn args   '-Dnode_lib_file=/Users/mc/.node-gyp/10.8.0/<(target_arch)/node.lib',
gyp info spawn args   '-Dmodule_root_dir=/Users/mc/workspaces/mc_blog/node_modules/fsevents',
gyp info spawn args   '-Dnode_engine=v8',
gyp info spawn args   '--depth=.',
gyp info spawn args   '--no-parallel',
gyp info spawn args   '--generator-output',
gyp info spawn args   'build',
gyp info spawn args   '-Goutput_dir=.' ]
gyp info ok 
gyp info it worked if it ends with ok
gyp info using [email protected]
gyp info using [email protected] | darwin | x64
gyp info spawn make
gyp info spawn args [ 'BUILDTYPE=Release', '-C', 'build' ]
c++: error: unrecognized command line option '-stdlib=libc++'
make: *** [Release/.node] Error 1
gyp ERR! build error 
gyp ERR! stack Error: `make` failed with exit code: 2
gyp ERR! stack     at ChildProcess.onExit (/usr/local/Cellar/node/10.8.0/libexec/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:262:23)
gyp ERR! stack     at ChildProcess.emit (events.js:182:13)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:238:12)
gyp ERR! System Darwin 17.5.0
gyp ERR! command \"/usr/local/Cellar/node/10.8.0/bin/node\" \"/usr/local/Cellar/node/10.8.0/libexec/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js\" \"build\" \"--fallback-to-build\" \"--module=/Users/mc/workspaces/mc_blog/node_modules/fsevents/lib/binding/Release/node-v64-darwin-x64/fse.node\" \"--module_name=fse\" \"--module_path=/Users/mc/workspaces/mc_blog/node_modules/fsevents/lib/binding/Release/node-v64-darwin-x64\" \"--napi_version=3\" \"--node_abi_napi=napi\"
gyp ERR! cwd /Users/mc/workspaces/mc_blog/node_modules/fsevents
gyp ERR! node -v v10.8.0
gyp ERR! node-gyp -v v3.7.0
gyp ERR! not ok 
node-pre-gyp ERR! build error 
node-pre-gyp ERR! stack Error: Failed to execute 'node-gyp build --fallback-to-build --module=/Users/mc/workspaces/mc_blog/node_modules/fsevents/lib/binding/Release/node-v64-darwin-x64/fse.node --module_name=fse --module_path=/Users/mc/workspaces/mc_blog/node_modules/fsevents/lib/binding/Release/node-v64-darwin-x64 --napi_version=3 --node_abi_napi=napi' (1)
node-pre-gyp ERR! stack     at ChildProcess.<anonymous> (/Users/mc/workspaces/mc_blog/node_modules/fsevents/node_modules/node-pre-gyp/lib/util/compile.js:83:29)
node-pre-gyp ERR! stack     at ChildProcess.emit (events.js:182:13)
node-pre-gyp ERR! stack     at maybeClose (internal/child_process.js:962:16)
node-pre-gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:249:5)
node-pre-gyp ERR! System Darwin 17.5.0
node-pre-gyp ERR! command \"/usr/local/Cellar/node/10.8.0/bin/node\" \"/Users/mc/workspaces/mc_blog/node_modules/fsevents/node_modules/node-pre-gyp/bin/node-pre-gyp\" \"install\" \"--fallback-to-build\"
node-pre-gyp ERR! cwd /Users/mc/workspaces/mc_blog/node_modules/fsevents
node-pre-gyp ERR! node -v v10.8.0
node-pre-gyp ERR! node-pre-gyp -v v0.9.1
node-pre-gyp ERR! not ok 
  SOLINK_MODULE(target) Release/.node
Failed to execute 'node-gyp build --fallback-to-build --module=/Users/mc/workspaces/mc_blog/node_modules/fsevents/lib/binding/Release/node-v64-darwin-x64/fse.node --module_name=fse --module_path=/Users/mc/workspaces/mc_blog/node_modules/fsevents/lib/binding/Release/node-v64-darwin-x64 --napi_version=3 --node_abi_napi=napi' (1)"
info This module is OPTIONAL, you can safely ignore this error
error Command failed: yarnpkg


  Error: Command failed: yarnpkg
  
  - index.js:236 Promise.all.then.arr
    [lib]/[gatsby-cli]/[execa]/index.js:236:11
  
  - util.js:16 tryCatcher
    [lib]/[gatsby-cli]/[bluebird]/js/release/util.js:16:23
  
  - promise.js:512 Promise._settlePromiseFromHandler
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise.js:512:31
  
  - promise.js:569 Promise._settlePromise
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise.js:569:18
  
  - promise.js:614 Promise._settlePromise0
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise.js:614:10
  
  - promise.js:693 Promise._settlePromises
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise.js:693:18
  
  - promise.js:638 Promise._fulfill
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise.js:638:18
  
  - promise_array.js:126 PromiseArray._resolve
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise_array.js:126:19
  
  - promise_array.js:144 PromiseArray._promiseFulfilled
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise_array.js:144:14
  
  - promise.js:574 Promise._settlePromise
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise.js:574:26
  
  - promise.js:614 Promise._settlePromise0
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise.js:614:10
  
  - promise.js:693 Promise._settlePromises
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise.js:693:18
  
  - async.js:133 Async._drainQueue
    [lib]/[gatsby-cli]/[bluebird]/js/release/async.js:133:16
  
  - async.js:143 Async._drainQueues
    [lib]/[gatsby-cli]/[bluebird]/js/release/async.js:143:10
  
  - async.js:17 Immediate.Async.drainQueues [as _onImmediate]
    [lib]/[gatsby-cli]/[bluebird]/js/release/async.js:17:14

If I then try to run gatsby develop (ignoring the yarnpkg error), I get the following error, which from googling indicates that I need to reinstall all my node_modules...

mc-MBP:mc_blog$ gatsby develop
success delete html and css files from previous builds — 0.009 s
success open and validate gatsby-config — 0.008 s
success copy gatsby files — 0.015 s
error UNHANDLED EXCEPTION


  Error: Cannot find module '../build/Release/sharp.node'

Category with space in name links to invalid path

When I make a post with a category with a space in it like "Las Vegas", the category page is created at /category/Las-Vegas, however, the link within the Post in the meta data links to /category/Las%20Vegas and throws a 404 error for page not found.

How would I fix this so that I can use categories with spaces in them?

Thanks

Header Dealing with different root path

Hi All,
I'm using this great template inside a existing website, so it's not located in the root folder / it's located in a /university folder.

I'm struggling with the header component, the code below checks for root, in this case / and includes or not additional classes to the Header.

https://github.com/greglobinski/gatsby-starter-hero-blog/blob/master/src/components/Header/Header.js#L27

I was able to partially fix this including the following code:

 const isHomepage = (this.props.path === "/" || this.props.path === "/universidade/") ? "homepage" : "";

It works, but it won't scale, for example, breaks if Google analytics sends utm tag.. etc.. IMO this is not the best solution.

Any ideias for how to improve this?

Changing the Favicon / Icon

Hey, I've been trying to remove the "HB" icon from the project and add in my own.
But anything I seem to do it still stays the same "HB".

How to use with netlify-cms?

I try to integrate with netlify-cms to create posts but the post can't save right place like content/posts/... follow our rule.
This is my config in config.yml:

collections:
  - name: "posts"
    label: "Posts"
    folder: "posts/{{year}}-{{month}}-{{day}}--{{title}}"
    slug: "index" // i'm try with slug {{year}}-{{month}}-{{day}}--{{title}}/index
    create: true
    fields:
      - { name: title, label: Title, widget: 'string' }
      - { name: category, label: Category, widget: 'string' }
      - { name: cover, label: Cover, widget: 'string' }
      - { name: author, label: Author, widget: 'string' }
      - { name: body, label: Body, widget: 'markdown' }

The post after create not save in subfolder with regex: year-month-day--title/index.md
Plz give me the solution for it.

avatar.jpg

there's the issue when i'm trying to develop hero blog app using terminal .

i have no idea with this error , because i has tried to change the path and the issued still same .

Image of Yaktocat

Initial "gatsby develop" fails

I just did a simple gatsby new test-project https://github.com/greglobinski/gatsby-starter-hero-blog.git and run gatsby develop afterwards but the script stops after success onPostBootstrap and does not respond anymore:

Full output:

$ gatsby new test-project https://github.com/greglobinski/gatsby-starter-hero-blog.git
info Creating new site from git: https://github.com/greglobinski/gatsby-starter-hero-blog.git
Cloning into 'test-project'...
remote: Enumerating objects: 5, done.
remote: Counting objects: 100% (5/5), done.
remote: Compressing objects: 100% (5/5), done.
remote: Total 748 (delta 0), reused 2 (delta 0), pack-reused 743
Receiving objects: 100% (748/748), 9.29 MiB | 1.53 MiB/s, done.
Resolving deltas: 100% (360/360), done.
success Created starter directory layout
info Installing packages...
yarn install v1.12.3
[1/4] 🔍  Resolving packages...
[2/4] 🚚  Fetching packages...
warning [email protected]: The engine "yargs" appears to be invalid.
[3/4] 🔗  Linking dependencies...
warning "antd > [email protected]" has unmet peer dependency "immutable@^3.7.4".
warning " > [email protected]" has unmet peer dependency "graphql@^0.12.0 || ^0.13.0".
warning " > [email protected]" has unmet peer dependency "webpack@^4.0.0".
warning "gatsby-plugin-netlify > [email protected]" has unmet peer dependency "webpack@>=4.0.0".
warning " > [email protected]" has incorrect peer dependency "styled-jsx@^3.0.2".
warning " > [email protected]" has incorrect peer dependency "react-dom@^15.4.2".
warning "react-instantsearch > [email protected]" has unmet peer dependency "react-native@>= 0.32.0".
warning "react-instantsearch > react-instantsearch-core > [email protected]" has unmet peer dependency "algoliasearch@>= 3.1 < 4".
warning " > [email protected]" has unmet peer dependency "caniuse-lite@^1.0.30000697".
[4/4] 📃  Building fresh packages...
✨  Done in 102.44s.


$ gatsby develop
success open and validate gatsby-config — 0.014 s
success load plugins — 0.421 s
success onPreInit — 1.498 s
success delete html and css files from previous builds — 0.007 s
success initialize cache — 0.034 s
success copy gatsby files — 0.085 s
success onPreBootstrap — 0.010 s
success source and transform nodes — 0.263 s
success building schema — 0.332 s
success createPages — 0.078 s
success createPagesStatefully — 0.033 s
success onPreExtractQueries — 0.008 s
success update schema — 0.179 s
success extract queries from components — 0.167 s
success run graphql queries — 4.600 s — 28/28 6.09 queries/second
success write out page data — 0.005 s
success write out redirect data — 0.001 s
Generating image thumbnails [==============================] 287/287 36.1 secs 100%

info bootstrap finished - 43.369 s

success onPostBootstrap — 0.002 s

Local NodeJs version is 11.2.0 and npm is 6.4.1 (on Mac)

Installing the gatsby-starter-default starter and running gatsby develop works without issues.

SyntaxError: Unexpected token ...

After creating new getsby project using
gatsby new [NEW_SITE_DIRECTORY_FOR_YOUR_BLOG] https://github.com/greglobinski/gatsby-starter-personal-blog.git

and running gatsby develop getting error SyntaxError: Unexpected token ... as show in the logs below:

Logs:

success delete html and css files from previous builds — 0.007 s
success open and validate gatsby-config — 0.005 s
success copy gatsby files — 0.013 s
error UNHANDLED EXCEPTION

Error: /Users/hero-blog/node_modules/gatsb y-plugin-svgr/gatsby-node.js:2
const { plugins, ...svgrOptions } = options
^^^
SyntaxError: Unexpected token ...

  • v8-compile-cache.js:226 NativeCompileCache._moduleCompile
    [hero-blog]/[v8-compile-cache]/v8-compile-cache.js:226:18

Initial Setup failing

Seeing below Error when I run gatsby develop

here ./.cache/develop-static-entry.js
Module build failed (from ./node_modules/gatsby/dist/utils/babel-loader.js):
Error: Could not locate the bindings file. Tried:
→ /Users/Rakesh/Desktop/Project/WebWorkspace/GatsbySpace/myblog4/node_modules/deasync/build/deasync.node
→ /Users/Rakesh/Desktop/Project/WebWorkspace/GatsbySpace/myblog4/node_modules/deasync/build/Debug/deasync.node
→ /Users/Rakesh/Desktop/Project/WebWorkspace/GatsbySpace/myblog4/node_modules/deasync/build/Release/deasync.node
→ /Users/Rakesh/Desktop/Project/WebWorkspace/GatsbySpace/myblog4/node_modules/deasync/out/Debug/deasync.node
→ /Users/Rakesh/Desktop/Project/WebWorkspace/GatsbySpace/myblog4/node_modules/deasync/Debug/deasync.node
→ /Users/Rakesh/Desktop/Project/WebWorkspace/GatsbySpace/myblog4/node_modules/deasync/out/Release/deasync.node
→ /Users/Rakesh/Desktop/Project/WebWorkspace/GatsbySpace/myblog4/node_modules/deasync/Release/deasync.node
→ /Users/Rakesh/Desktop/Project/WebWorkspace/GatsbySpace/myblog4/node_modules/deasync/build/default/deasync.node
→ /Users/Rakesh/Desktop/Project/WebWorkspace/GatsbySpace/myblog4/node_modules/deasync/compiled/10.12.0/darwin/x64/deasync.node
at bindings (/Users/Rakesh/Desktop/Project/WebWorkspace/GatsbySpace/myblog4/node_modules/bindings/bindings.js:88:9)
at /Users/Rakesh/Desktop/Project/WebWorkspace/GatsbySpace/myblog4/node_modules/deasync/index.js:34:32
at Object. (/Users/Rakesh/Desktop/Project/WebWorkspace/GatsbySpace/myblog4/node_modules/deasync/index.js:76:2)
at Module._compile (/Users/Rakesh/Desktop/Project/WebWorkspace/GatsbySpace/myblog4/node_modules/v8-compile-cache/v8-compile-cache.js:178:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:699:10)
at Module.load (internal/modules/cjs/loader.js:598:32)
at tryModuleLoad (internal/modules/cjs/loader.js:537:12)
at Function.Module._load (internal/modules/cjs/loader.js:529:3)
at Module.require (internal/modules/cjs/loader.js:636:17)
at require (/Users/Rakesh/Desktop/Project/WebWorkspace/GatsbySpace/myblog4/node_modules/v8-compile-cache/v8-compile-cache.js:159:20)
at Object. (/Users/Rakesh/Desktop/Project/WebWorkspace/GatsbySpace/myblog4/node_modules/styled-jsx-plugin-postcss/index.js:1:81)
at Module._compile (/Users/Rakesh/Desktop/Project/WebWorkspace/GatsbySpace/myblog4/node_modules/v8-compile-cache/v8-compile-cache.js:178:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:699:10)
at Module.load (internal/modules/cjs/loader.js:598:32)
at tryModuleLoad (internal/modules/cjs/loader.js:537:12)
at Function.Module._load (internal/modules/cjs/loader.js:529:3)
at Module.require (internal/modules/cjs/loader.js:636:17)
at require (/Users/Rakesh/Desktop/Project/WebWorkspace/GatsbySpace/myblog4/node_modules/v8-compile-cache/v8-compile-cache.js:159:20)
at /Users/Rakesh/Desktop/Project/WebWorkspace/GatsbySpace/myblog4/node_modules/styled-jsx/dist/_utils.js:421:13
at Array.map ()
at combinePlugins (/Users/Rakesh/Desktop/Project/WebWorkspace/GatsbySpace/myblog4/node_modules/styled-jsx/dist/_utils.js:410:18)
at PluginPass.enter (/Users/Rakesh/Desktop/Project/WebWorkspace/GatsbySpace/myblog4/node_modules/styled-jsx/dist/babel.js:248:55)
error There was an error compiling the html.js component for the development server.

See our docs page on debugging HTML builds for help https://goo.gl/yL9lND

WebpackError: ./.cache/develop-static-entry.js

efinition:1 Object.
lib/webpack/universalModuleDefinition:1:1

2. Also the initial clone command is giving below error

info This module is OPTIONAL, you can safely ignore this error
error Command failed: yarnpkg

Error: Command failed: yarnpkg

  • index.js:236 Promise.all.then.arr
    [lib]/[gatsby-cli]/[execa]/index.js:236:11

  • util.js:16 tryCatcher
    [lib]/[gatsby-cli]/[bluebird]/js/release/util.js:16:23

  • promise.js:512 Promise._settlePromiseFromHandler
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise.js:512:31

  • promise.js:569 Promise._settlePromise
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise.js:569:18

  • promise.js:614 Promise._settlePromise0
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise.js:614:10

  • promise.js:694 Promise._settlePromises
    [lib]/[gatsby-cli]/[bluebird]/js/release/pro

How to improve performance?

Do you have any ideas to improve performance? Especially for the first load time?

My blog has 250 pages. When I look at performance, everything looks good except First Byte Time.
It takes around 8 seconds.

Do you have any idea to solve?

screen shot 2018-11-29 at 21 26 04

screen shot 2018-11-29 at 21 26 14

meta property og:image not set correctly

Hi,
It looks like the og:image property is not set correctly to display an image when sharing a post on Facebok.

It outputs the below for articles:
<meta property="og:image" content="[object Object]" data-react-helmet="true">

I believe the content should be a direct URL to the image file.

I've looked at the code, but I'm not familiar enough with react on the best way to fix this. It's being set in the seo.js file, but I'm not sure how to take the postCover const and make it a URL to the image file.

Migrating to v2.

Hi, great job!! Thank you for that!
Any plans for migrating to Gatsby v2?

Generate webp version for image included in blog post

Some of the photos are being used both as cover images and as an image in the blog post itself. For example photo-1465070845512-2b2dbdc6df66.jpg

While the cover image gets converted to webp format, the image referenced in the markdown does not get converted to webp. To reproduce this visit

https://gatsby-starter-hero-blog.greglobinski.com/like-nonsense/

with chrome and see that

https://gatsby-starter-hero-blog.greglobinski.com/static/photo-1465070845512-2b2dbdc6df66-c05f925825606e19a957283ac76dc0db-78f2b.jpg

is being served.

Is this because gatsby-remark-images does not support conversion to webp?

Parent/children article relations

Hi,

In a context of question/answers articles like a forum, I want to display/merge all articles located in a subdirectory of the current "post".

My folders structure:

/content/posts/YYYY-mm-dd--my-article
/content/posts/YYYY-mm-dd--my-article/solutions/YYYY-mm-dd--my-first-solution
/content/posts/YYYY-mm-dd--my-article/solutions/YYYY-mm-dd--my-second-solution
/content/posts/YYYY-mm-dd--my-article/solutions/YYYY-mm-dd--another-solution
/content/posts/YYYY-mm-dd--my-article/solutions/YYYY-mm-dd--my-test

I need to have only one url for the parents posts ("/content/posts/YYYY-mm-dd--my-article"). This parent article will have to display at the bottom the solutions found in the subdirectory "/content/posts/YYYY-mm-dd--my-article/solutions/".

What is the best way?

  1. should I merge articles at the time of creation (exports.onCreateNode, exports.createPages)
  2. create a parent/child relation between articles
  3. use the mapping node types (https://www.gatsbyjs.org/docs/gatsby-config/#mapping-node-types)

Links appear to be relative to wrong path?

Description of issue

All links appear to be at the wrong path? No images are loading and clicking into a blog post directs me to file:///like-nonsense/

Console contains

Failed to load resource: net::ERR_FILE_NOT_FOUND
/0-067ffbf84475de1245af.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
/app-de082f38ed40841d58e2.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
/webpack-runtime-badb468db46fb0ce5ffc.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
/static/d/63/path---index-6a9-I4rDurvWWt6rku0yEH9RUAzE6E.json:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
hero-background-9776b7ad0606e1257d99b5f68f0bf6dc-36d59.png:1 Failed to load resource: net::ERR_FILE_NOT_FOUND

Reproduction Steps

  1. perform fresh clone of master branch
  2. run build npm task
  3. open public/index.html in chrome

Screenshots

screenshot 2018-09-27 at 22 33 47

screenshot 2018-09-27 at 22 33 42

Error GraphQL Error Unknown type "ImageSharp".

When I try to run gatsby develop it says error GraphQL Error Unknown type "ImageSharp". The webserver still launches, but when I go to http://localhost:8000/ it simply gives the same error. I tried to google this error but didn't find anything.

$ gatsby develop
success open and validate gatsby-configs — 0.013 s
success load plugins — 0.469 s
success onPreInit — 0.672 s
success delete html and css files from previous builds — 0.022 s
success initialize cache — 0.008 s
success copy gatsby files — 0.033 s
success onPreBootstrap — 0.010 s
success source and transform nodes — 0.213 s
success building schema — 0.411 s
success createPages — 0.102 s
success createPagesStatefully — 0.049 s
success onPreExtractQueries — 0.001 s
success update schema — 0.249 s
error GraphQL Error Unknown type "ImageSharp".

  file: /home/ajuv/Documents/personal/blog/src/pages/category.js

  10 |           fields {
  11 |             slug
  12 |             prefix
  13 |           }
  14 |           frontmatter {
  15 |             title
  16 |             category
  17 |             author
  18 |             cover {
  19 |               children {
> 20 |                 ... on ImageSharp {
     |                        ^
  21 |                   fluid(maxWidth: 800, maxHeight: 360) {
  22 |                     ...GatsbyImageSharpFluid_withWebp
  23 |                   }
  24 |                 }
  25 |               }
  26 |             }
  27 |           }
  28 |         }
  29 |       }
  30 |     }

success extract queries from components — 0.170 s
⠁ (node:27120) DeprecationWarning: Passing lineNumber and colNumber is deprecated to @babel/code-frame. Please use `codeFrameColumns`.
success run graphql queries — 0.053 s — 27/27 534.29 queries/second
success write out page data — 0.011 s
success write out redirect data — 0.001 s
success onPostBootstrap — 0.002 s

info bootstrap finished - 4.906 s

 DONE  Compiled successfully in 7036ms                                                                                                                                                                   7:02:42 AM


You can now view gatsby-starter-hero-blog in the browser.

  http://localhost:8000/

View GraphiQL, an in-browser IDE, to explore your site's data and schema

  http://localhost:8000/___graphql

Note that the development build is not optimized.
To create a production build, use gatsby build

ℹ 「wdm」: 
ℹ 「wdm」: Compiled successfully.

Error when trying to install

Hi, I'm new to gatsby, so not sure if this is a gatsby issue or this theme. I am able to install other starter themes with success. When I run "gatsby new site-name ......." for this theme, it fails with the attached error. This is on a windows PC. I"ve read and performed the steps at https://www.gatsbyjs.org/docs/gatsby-on-windows/ without success.

Any pointers?

gatsby-error
gatsby-error-2

Build constructs invalid paths to JS files

When I try the site in development mode, it works great. When I build it for production, the build succeeds without errors, but the paths to JS files are broken. Here is a demo:

https://baobabkoodaa.github.io/blog/public/index.html

If you go there and open console, you will see many lines such as:

GET https://baobabkoodaa.github.io/component---src-pages-index-js-64bb1f85babdf3f15e52.js net::ERR_ABORTED

That path seems to be missing /blog/public/ from its path. I have no idea how these paths are generated, or even which library/framework is generating them, so I don't know how to debug this.

Flash of white text on white background on first load

Thanks for this starter which is really complete! I wondered if there's any way to improve the first user experience when loading https://gatsby-starter-hero-blog.greglobinski.com to avoid the one second where the text is unreadable while the background image loads (as it's white on white)? (During that time the orange highlight bracket is already visible, which makes it look a bit strange too.)

Also, if I leave the window open and come back to it later, for some reason the image has disappeared and will take a second again to reload. Would you know how to make sure that the hero image stays memorized?

How to add pagination?

Thanks a lot for this starter. I am migrating my Jekyll blog to this starter, but I am stuck with figuring out how to handle pagination.

I want to display the excerpts from the latest 10 posts on the index page and add a link to older posts on the index page. The older posts link should link to route path of page2 with the preceding 10 posts.

Javascript bundle sometimes fails to load

I first noticed it because of the menu which would sometimes not collapse automatically when screen is too narrow (this is only done by Javascript):

screen shot 2018-09-10 at 10 43 09

The issue is "fixed" by reloading the page. It looks like this is the same issue as this one, no idea how to fix it.

Blockquotes is not working in md files

Blockquotes is not working in md files.

Post contains the Blockquotes text:

Proin ornare ligula eu tellus tempus elementum. Aenean bibendum iaculis mi, nec blandit lacus interdum vitae. Vestibulum non nibh risus, a scelerisque purus. Ut vel arcu ac tortor adipiscing hendrerit vel sed massa. Fusce sem libero, lacinia vulputate interdum non, porttitor non quam. Aliquam sed felis ligula. Duis non nulla magna.

image

But the output is not generated as 'Blockquotes'
image

Sample blog deployed here:
https://compassionate-kowalevski-449a27.netlify.com/two-things-are-infinite/

SVGR

Hi Greg,

It seems that there's an install issue with svgr. It has been split into 4 installs. This is causing an error when installing your repo. I assume this is coming from Gatsby, but I'm not sure.

Multiple categories for a post?

Currently, if I add multiple categories for a post like this, let's say


title: test
author: testAuthor
category: ["t1", "t2"]
cover: someImage.png

I get a blank page and graphql query related error on the console. Any way around this?

Issue with set up

Can't install the theme locally, it fails with Command failed: yarnpkg

Versions
Node v11.2.0
NPM 6.4.1
Gatsby 2.4.5
Yarn 1.12.3

Console output

`➜ development gatsby new myBlog https://github.com/greglobinski/gatsby-starter-hero-blog.git

info Creating new site from git: https://github.com/greglobinski/gatsby-starter-hero-blog.git
Cloning into 'myBlog'...
remote: Enumerating objects: 5, done.
remote: Counting objects: 100% (5/5), done.
remote: Compressing objects: 100% (5/5), done.
remote: Total 748 (delta 0), reused 1 (delta 0), pack-reused 743
Receiving objects: 100% (748/748), 9.29 MiB | 22.86 MiB/s, done.
Resolving deltas: 100% (360/360), done.
success Created starter directory layout
info Installing packages...
yarn install v1.12.3
[1/4] Resolving packages...
[2/4] Fetching packages...
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
warning [email protected]: The engine "yargs" appears to be invalid.
[3/4] Linking dependencies...
warning "antd > [email protected]" has unmet peer dependency "immutable@^3.7.4".
warning " > [email protected]" has unmet peer dependency "graphql@^0.12.0 || ^0.13.0".
warning " > [email protected]" has unmet peer dependency "webpack@^4.0.0".
warning "gatsby-plugin-netlify > [email protected]" has unmet peer dependency "webpack@>=4.0.0".
warning " > [email protected]" has incorrect peer dependency "styled-jsx@^3.0.2".
warning " > [email protected]" has incorrect peer dependency "react-dom@^15.4.2".
warning "react-instantsearch > [email protected]" has unmet peer dependency "react-native@>= 0.32.0".
warning "react-instantsearch > react-instantsearch-core > [email protected]" has unmet peer dependency "algoliasearch@>= 3.1 < 4".
warning " > [email protected]" has unmet peer dependency "caniuse-lite@^1.0.30000697".
[4/4] Building fresh packages...
[1/5] ⠄ sharp
[2/5] ⠄ pngquant-bin
[3/5] ⠄ cwebp-bin
[4/5] ⠄ deasync
error /home/greg/development/myBlog/node_modules/deasync: Command failed.
Exit code: 1
Command: node ./build.js
Arguments:
Directory: /home/greg/development/myBlog/node_modules/deasync
Output:
gyp info it worked if it ends with ok
gyp info using [email protected]
gyp info using [email protected] | linux | x64
gyp info spawn /usr/bin/python2
gyp info spawn args [ '/usr/lib/node_modules/npm/node_modules/node-gyp/gyp/gyp_main.py',
gyp info spawn args 'binding.gyp',
gyp info spawn args '-f',
gyp info spawn args 'make',
gyp info spawn args '-I',
gyp info spawn args '/home/greg/development/myBlog/node_modules/deasync/build/config.gypi',
gyp info spawn args '-I',
gyp info spawn args '/usr/lib/node_modules/npm/node_modules/node-gyp/addon.gypi',
gyp info spawn args '-I',
gyp info spawn args '/home/greg/.node-gyp/11.2.0/include/node/common.gypi',
gyp info spawn args '-Dlibrary=shared_library',
gyp info spawn args '-Dvisibility=default',
gyp info spawn args '-Dnode_root_dir=/home/greg/.node-gyp/11.2.0',
gyp info spawn args '-Dnode_gyp_dir=/usr/lib/node_modules/npm/node_modules/node-gyp',
gyp info spawn args '-Dnode_lib_file=/home/greg/.node-gyp/11.2.0/<(target_arch)/node.lib',
gyp info spawn args '-Dmodule_root_dir=/home/greg/development/myBlog/node_modules/deasync',
gyp info spawn args '-Dnode_engine=v8',
gyp info spawn args '--depth=.',
gyp info spawn args '--no-parallel',
gyp info spawn args '--generator-output',
gyp info spawn args 'build',
gyp info spawn args '-Goutput_dir=.' ]
gyp ERR! build error
gyp ERR! stack Error: not found: make
gyp ERR! stack at getNotFoundError (/usr/lib/node_modules/npm/node_modules/which/which.js:13:12)
gyp ERR! stack at F (/usr/lib/node_modules/npm/node_modules/which/which.js:68:19)
gyp ERR! stack at E (/usr/lib/node_modules/npm/node_modules/which/which.js:80:29)
gyp ERR! stack at /usr/lib/node_modules/npm/node_modules/which/which.js:89:16
gyp ERR! stack at /usr/lib/node_modules/npm/node_modules/isexe/index.js:42:5
gyp ERR! stack at /usr/lib/node_modules/npm/node_modules/isexe/mode.js:8:5
gyp ERR! stack at FSReqCallback.oncomplete (fs.js:161:21)
gyp ERR! System Linux 4.15.0-38-generic
gyp ERR! command "/usr/bin/node" "/usr/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /home/greg/development/myBlog/node_modules/deasync
gyp ERR! node -v v11.2.0

error Command failed: yarnpkg

Error: Command failed: yarnpkg

  • index.js:236 Promise.all.then.arr
    [lib]/[gatsby-cli]/[execa]/index.js:236:11

  • util.js:16 tryCatcher
    [lib]/[gatsby-cli]/[bluebird]/js/release/util.js:16:23

  • promise.js:512 Promise._settlePromiseFromHandler
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise.js:512:31

  • promise.js:569 Promise._settlePromise
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise.js:569:18

  • promise.js:614 Promise._settlePromise0
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise.js:614:10

  • promise.js:694 Promise._settlePromises
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise.js:694:18

  • promise.js:638 Promise._fulfill
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise.js:638:18

  • promise_array.js:126 PromiseArray._resolve
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise_array.js:126:19

  • promise_array.js:144 PromiseArray._promiseFulfilled
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise_array.js:144:14

  • promise.js:574 Promise._settlePromise
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise.js:574:26

  • promise.js:614 Promise._settlePromise0
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise.js:614:10

  • promise.js:694 Promise._settlePromises
    [lib]/[gatsby-cli]/[bluebird]/js/release/promise.js:694:18

  • async.js:138 _drainQueueStep
    [lib]/[gatsby-cli]/[bluebird]/js/release/async.js:138:12

  • async.js:131 _drainQueue
    [lib]/[gatsby-cli]/[bluebird]/js/release/async.js:131:9

  • async.js:147 Async._drainQueues
    [lib]/[gatsby-cli]/[bluebird]/js/release/async.js:147:5

  • async.js:17 Immediate.Async.drainQueues [as _onImmediate]
    [lib]/[gatsby-cli]/[bluebird]/js/release/async.js:17:14
    `

UX when JavaScript is disabled

When JavaScript is disabled and the user visits the site for the first time, images on the index page don't load properly (the placeholder image stays on). This is weird, because images on other pages seem to load without issues. To me it looks like images are handled the same way on all pages. What's special about the index page?

Note: for testing, it's best to disable JavaScript via browser settings and then open a new incognito windo to test. (Do not disable via developer tools, not via browser extensions -- or you will encounter additional issues)

dependency build errors on Windows 10

When trying to set up this site I get the following error in the yarn install process:

[4/4] Building fresh packages...
[1/7] ⠁ sharp
[-/7] ⠁ waiting...
[-/7] ⠁ waiting...
[4/7] ⠁ deasync
error c:\Repos\websites\bo3\node_modules\styled-jsx-plugin-postcss\node_modules\deasync, c:\Repos\websites\bo3\node_modules\styled-jsx-plugin-stylelint\node_modules\deasync: Command failed.
Exit code: 1
Command: node ./build.js
Arguments:
Directory: c:\Repos\websites\bo3\node_modules\styled-jsx-plugin-stylelint\node_modules\deasync
Output:
c:\Repos\websites\bo3\node_modules\styled-jsx-plugin-stylelint\node_modules\deasync>if not defined npm_config_node_gyp (node "C:\nodejs\node_modules\npm\bin\node-gyp-bin\\..\..\node_modules\node-gyp\bin\node-gyp.js" rebuild )  else (node "" rebuild )
gyp info it worked if it ends with ok
gyp info using [email protected]
gyp info using [email protected] | win32 | x64
gyp info spawn C:\Python27\python.exe
gyp info spawn args [ 'C:\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\gyp\\gyp_main.py',
gyp info spawn args   'binding.gyp',
gyp info spawn args   '-f',
gyp info spawn args   'msvs',
gyp info spawn args   '-G',
gyp info spawn args   'msvs_version=auto',
gyp info spawn args   '-I',
gyp info spawn args   'c:\\Repos\\websites\\bo3\\node_modules\\styled-jsx-plugin-stylelint\\node_modules\\deasync\\build\\config.gypi',
gyp info spawn args   '-I',
gyp info spawn args   'C:\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\addon.gypi',
gyp info spawn args   '-I',
gyp info spawn args   'C:\\Users\\endpo\\.node-gyp\\10.6.0\\include\\node\\common.gypi',
gyp info spawn args   '-Dlibrary=shared_library',
gyp info spawn args   '-Dvisibility=default',
gyp info spawn args   '-Dnode_root_dir=C:\\Users\\endpo\\.node-gyp\\10.6.0',
gyp info spawn args   '-Dnode_gyp_dir=C:\\nodejs\\node_modules\\npm\\node_modules\\node-gyp',
gyp info spawn args   '-Dnode_lib_file=C:\\Users\\endpo\\.node-gyp\\10.6.0\\<(target_arch)\\node.lib',
gyp info spawn args   '-Dmodule_root_dir=c:\\Repos\\websites\\bo3\\node_modules\\styled-jsx-plugin-stylelint\\node_modules\\deasync',
gyp info spawn args   '-Dnode_engine=v8',
gyp info spawn args   '--depth=.',
gyp info spawn args   '--no-parallel',
gyp info spawn args   '--generator-output',
gyp info spawn args   'c:\\Repos\\websites\\bo3\\node_modules\\styled-jsx-plugin-stylelint\\node_modules\\deasync\\build',
gyp info spawn args   '-Goutput_dir=.' ]
gyp info spawn C:\Program Files (x86)\MSBuild\14.0\bin\msbuild.exe
gyp info spawn args [ 'build/binding.sln',
gyp info spawn args   '/clp:Verbosity=minimal',
gyp info spawn args   '/nologo',
gyp info spawn args   '/p:Configuration=Release;Platform=x64' ]
Building the projects in this solution one at a time. To enable parallel build, please add the "/m" switch.
MSBUILD : error MSB3428: Could not load the Visual C++ component "VCBuild.exe". To fix this, 1) install the .NET Framework 2.0 SDK, 2) install Microsoft Visual Studio 2005 or 3) add the location of the component to the system path if it is installed elsewhere.  [c:\Repos\websites\bo3\node_modules\styled-jsx-plugin-stylelint\node_modules\deasync\build\binding.sln]gyp ERR! build error
gyp ERR! stack Error: `C:\Program Files (x86)\MSBuild\14.0\bin\msbuild.exe` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onExit (C:\nodejs\node_modules\npm\node_modules\node-gyp\lib\build.js:258:23)
gyp ERR! stack     at ChildProcess.emit (events.js:182:13)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:237:12)
gyp ERR! System Windows_NT 10.0.17134
gyp ERR! command "C:\\nodejs\\node.exe" "C:\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild"
gyp ERR! cwd c:\Repos\websites\bo3\node_modules\styled-jsx-plugin-stylelint\node_modules\deasync
gyp ERR! node -v v10.6.0
gyp ERR! node-gyp -v v3.6.2

Deploy Errors

I followed the Gatsby guide for deploying to gh-pages, but it did not work.

raw_plants_foundation_and_raw-plants-foundation-website____git-projects_raw-plants-foundation-website__-____content_meta_config_js__raw-plants-foundation-website__and_raw-plants-foundation-website -bash _111x28

I get many errors about files not being found even though they are there in the final directory named "public".

Getting BrowserslistError: Unknown browser query `dead`

after running

gatsby develop

I receive the following output:

error There was an error compiling the html.js component for the development server.

  Error: Module build failed: BrowserslistError: Unknown browser query `dead` (While processing preset: "/node_modules/babel-preset- env/lib/index.js")

How to upgrade styled-jsx to 3.0.2?

I tried to upgrade this dependency in this project but encounter strange issues. I see in gatsby-config that you wrote "the [gatsby-plugin-styled-jsx] plugin's code is inserted directly to gatsby-node.js and gatsby-ssr.js files". Could you explain why that was needed and would you know of any method to upgrade styled-jsx to latest? Thank you 🙏

Hit.js : Missing prop

The last commit 7343981 (file src/components/Search/Hit.js) now throw an error:

index.js:2177 Warning: Failed prop type: The prop `to` is marked as required in `GatsbyLink`, but its value is `undefined`.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.