I’m trying to build a gatsby theme that uses gatsby-source-filesystem to source images. I have set up a yarn workspace for development, my folder structure looks like this. The yarn workspace is also set up correctly and the gatsby-theme-example is a dependency of it. yarn workspaces info correctly show…
Tag: gatsby
Google Consent Mode Implementation using Gatsby
I am following this tutorial about implementing google consent mode to add cookies to my website ! By using Gatsby.js I am not sure how to add these codes : Do you have any idea how to implement this code in Gatsby , is there any library or something that will help to implement these scripts ! Thanks Answer T…
ERROR #98123 WEBPACK when running `npm run develop`
I would like to create a new Gatsby site using the instructions on https://www.gatsbyjs.com/docs/quick-start , so I ran: Note: I didn’t change any configuration, so I’m using JavaScript (instead of TypeScript), not using a CMS, not using a styling system, and installed no additional features. Duri…
location props in gatsby is not defined
I am trying to use location props in my gastby page : I am passing props in my Link in pages/index.js: pages/date/[dateId]/index.js: eventually I get an error Parsing error: Identifier ‘location’ has already been declareded : Answer You should have the location variable already defined, it is like…
Gatsby: getImage returns undefined
getImage is returning undefined so my GatsbyImage component is not rendered. File structure: src/pages/gallery.js src/images (has 12 photos named photo-01.jpg, photo-02.jpg, …) I have the following code (gallery.js): what can i have wrong? Answer The problem is that you are mixing gatsby-image (from Gat…
Programatically generating Gatsby pages without a slug from Graphql
I have set up an ACF options page in WordPress called Projects Inside the Projects options page there is an ACF repeater allowing the user to add multiple Projects. In Gatsby, I’m using Graphql to query the data for my Projects in two files: Inside a custom hook, allowing access to the data globally in my Gat…
How to get non-minified react errors for Gatsby
Trying to run gatsby build and getting this error message. failed We’ve encountered an error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=object%20with%20keys%20%7Bid%2C%20frontmatter%2C%20parent%7D for the full message or use the non-minified dev …
How to create schema customization to use optional field “featureImage” from gatsby blog
I’m making a Gatsby blog as a side project. I want to use the “featureImage” optional field in mdx frontmatter. I tried to refer to the https://www.gatsbyjs.com/docs/reference/graphql-data-layer/schema-customization#creating-type-definitions document according to the error message, but it wa…
Why I’m getting CssSyntaxError of missing semicolon in Gatsby build?
I’m working on a Gatsby page using Material UI. The page design is almost complete, but when I’m finished, I get a strange build error on npm run build. I have no idea where this error is coming from, but I’ve spent several hours trying to resolve it with no success. Is anyone able to assist…
Cannot query field “image” on type “Query” GraphCMS with Gatsbyjs
Good Evening, I am new to Gatsby and Graphql. I am experimenting with the CMS system, but I have no idea what this error means. Any help would be appreciated. The marked below is the error that I have been getting. I do have the folder graphcms-fragmetns in my root folder. I have followed the documentation th…