Category "gatsby"

How to query for image height and width in Gatsby.js?

I want to conditionally render sections of a page, depending on the height and width of the images that go in each section. I source the images from the Content

After adding more products to woocomerce wordpress store graphql fails

anyone knows how to fix this graphql error? It appeared after i've added more woocomerce products. Url seems to be good because after deleting part of the wooco

The Use of "Navigate(-1)" Fails to Return to Previous Location in Gatsby

I am trying to create a simple "Back" button in Gatsby that returns the the previous page and retains the scroll position. This already happens when using the b

deprecated errors while installing packagesin gastby

I am using a Gatsby theme and facing this errors while installing packages , I've tried npm install --legacy-peer-deps but when I run gatsby develop I get th

Command to create a new project using gatsby not working

I am creating a project called "new-app". After installing gatsby successfully, I tried to run the command "gatsby new my-app". I always get an error which stat

How can we fetch blog posts and pages from Shopify Headless in Gatsby with gatsby-source-shopify plugin?

I am planning to migrate my site from Shopify to Shopify Headless + Gatsby but I am having a problem with the plugin, gatsby-source-shopify. It can create nodes

What causes the ["String" has no subfields] image error in GraphQL/Gatsby?

The whole error message on terminal is: error GraphQL Error Field "image" must not have a selection since type "String" has no subfields. This seems like a r

window.addEventListener('load',... not firing on Safari?

I need redirect page after it load and get param from URL. I can do by button click. But I want redirect page automatic (without user input). I am use window.ad

GatsbyJS - GraphQL ACF query issue

So I am encountering some issues with the way that my ACF is structured on a custom post type. Due to the way the post type works (it's for work case studies) t

Error - node_modules : Callback was already called

I am building SSR rendered Gatsby react application and I get the following error while doing "gatsby build". Been searching for a solution for this error for a

How to render svg files with Gatsby Image?

Currently in my project I have a folder with all my svg files, the query to get them from graphql is as follows: query AssetsPhotos { allFile(filter: {extensi

:hover element change ::after style another component

How can I change width StyledLi::after from 0% to 90%, after hover on StyledLink const StyledLink = styled(Link)` text-decoration: none; margin-right:

Error: `input` must not start with a slash when using `prefixUrl`

As soon as I update gatsby packages to the latest version, now version 4.10.1, or any version after 4.6, it directly gives me this error without any change in t

Create nested file nodes Gatsby 4

Since Gatsby 4 doesn't accept remoteFileNodes to be created within the createResolvers API inside gatsby-node.js, i'm looking for another solution to create Fil

Why does my TOC component add `{"-" + 1}` to its links every time I click on one of them?

I implemented a table-of-contents component to my site following this tutorial. It works, but every time I click on one of the TOC's links, all the links (inclu

How to create multiple node types with mdx in Gatsby?

I am trying to create multiple content types in Gatsby using mdx (instead of remark). I am having trouble sifting through old methods of handling remark and new

Filtering the Gatsby Slug in onCreateNode

I'm trying to filter the slug generated by Gatsby so I can remove white space and replace it with "-". I have Gatsby's reporter set to fire when onCreateNode is

Error: Cannot find module 'gatsby-plugin-utils/polyfill-remote-file'

Can't run the Gatsby application in a development server. Attempted solutions: attempted to install polyfill-remote-file but the module doesn't even exist updat

Gatsby SCSS Module not compiling

Running Gatsby version 3.0.1, with sass 1.32.8. I've just started playing about with a few things and I've come into a weird problem that I cannot work out. ./g

How can I map out multiple images in Gatsby with GraphiQl?

I would like to query multiple images from a specific folder on a webpage via GraphiQl. I've tried it multiple ways, but I'm not able to display the images. I c