gatsby Questions

7

I got these error in terminal when I want to install a gatsby starter. Anyone get any idea how to solve it? [4/4] 🔨 Building fresh packages... [6/13] ⠁ sharp [-/13] ⠁ waiting... [-/13] ⠁ waiting....
Kassandra asked 28/9, 2019 at 18:42

2

Solved

I am trying to migrate my existing ReactJS app with WordPress backend to GatsbyJS. I am new to GatsbyJS and followed the instructions on their page for the setup on a Windows 10 machine. The setup ...
Metapsychology asked 31/8, 2018 at 18:29

1

Any type of syntax error or code as I'm developing will cause my dev server to stop. I'm simply running an npm start that's setup with this GATSBY_ACTIVE_ENV=development gatsby develop I get a mes...
Tailspin asked 17/3, 2022 at 3:1

4

I am new to Gatsby, and I will be starting my first project today. I want to be able to test the site on my android phone to ensure mobile compatibility rather than using chrome dev-tools. I have ...
Garnierite asked 24/1, 2020 at 18:40

2

To explain the context, I am building a instagram carousal for a gatsby project. The images within the carousel are displayed by {data.allInstaNode.edges.map((image) => ( <Background src={...
Declassify asked 23/6, 2020 at 15:48

5

I'm using gatsby-plugin-alias-imports to be able to do absolute imports like so: import { colors } from "@styles/theme"; This is set up in the gatsby-config. Now I've just added storybook to my pro...
Humidor asked 11/3, 2020 at 10:50

5

I can't initiate a gatsby starter project. The new command process breaks down during initialization, and results in an error and non-compilable project. Here's the command: > gatsby new gatsb...
Closehauled asked 18/11, 2019 at 16:50

4

Solved

I'm using React's context api to store an array of items. There is a component that has access to this array via useContext() and displays the length of the array. There is another component with a...
Rerun asked 8/9, 2019 at 2:55

4

Solved

I am new to Gatsby and its graphQL query system to retrieve assets. I have a working component Image that fetches an image and displays it. I want to have the name of the image customizable but I c...
Occiput asked 13/5, 2019 at 19:5

4

Solved

Just like the post ask I need to be able to search with 3 possible scenarios. I need to have all uppercase, or lowercase, or normal casing. If that is not possible is there a way to do a case ins...
Prescott asked 25/7, 2018 at 19:10

5

Solved

After the last update of today i'm getting this error. I'm using no MDX in my project howsoever.. npm run develop produces this issue, does someone has some knowledge about this? internal/modules/c...
Steep asked 7/9, 2020 at 16:14

2

Solved

I have trouble finding any useful documentation on how to properly set up a gatsby side that is using SSR (server side rendering) in a custom production environment (not Gatsby Cloud or Netlify) In...
Madelina asked 11/3, 2022 at 8:25

2

I'm using gatsby-plugin-ts to generate types for my graphql page queries. The issue I have is that all types generated return a T | undefined type for all fields, so I would need to check all query...
Goldman asked 20/3, 2021 at 11:33

7

Solved

I set up .env file and gatsby-config.js as below. // .env.development GATSBY_API_URL=https://example.com/api // gatsby-config.js console.log(process.env) ... ... Although when to run gatsby de...
Incorruption asked 12/12, 2018 at 11:6

12

Getting started with Gatsby - when I add a link tag to public/index.html with the google font it works in development mode. When I build the site the index.html gets reset. So I guess there is anot...
Animalize asked 25/11, 2017 at 16:58

2

Solved

I'm trying to add a clucth.co widget to a Gatsby site, but it does not render. I've tried using react Helmet for the <script> part, but it still does not work. Hopefully I'm missing something...
Mercy asked 19/8, 2021 at 11:18

1

Background I'm using Gatsby to build a blog, and I'm trying to improve performance. I also want to implement code-splitting and lazy loading. 2 Ways of importing components Let's say I have to impo...
Fucoid asked 15/7, 2022 at 12:7

2

The Gatsby docs for path prefix show I can define something like pathPrefix: "/blog", and indeed I tried it and it just worked. However, I'd rather not hardcode the path where the app will live. I'...
Megagamete asked 8/7, 2018 at 18:58

1

Goal: Trying to create a simple blog using Gatsby Outcomes: Expected Outcome: Things should go as defined in the tutorial guide Actual Outcome: Getting Dependency tree error in step(s) & Als...
Cesarean asked 6/7, 2022 at 16:29

3

I am trying to make a doughnut chart with react and gatsbyjs. The chart works fine but I can not get it to use the full width of the div. It displays too small for the area reserved. render (){ r...
Taxis asked 20/12, 2018 at 16:4

2

I am trying to use micro frontend app from gatsby using Module Federation. When I try to call the component which is running at localhost:3001, getting CORS error. any idea how to solve this? Here...

2

I'm creating a website using Gatsby.js. In my component, I'd created animation using Gsap, inside useEffect function. While debugging, all works. In production the useEffect function not running, ...
Cyanide asked 9/3, 2020 at 13:42

2

Solved

I am completely new to the gatsbyjs ecosystem, and at the same time I am learning a bit of reactjs. I recently bought an html template and was trying to use it as a UI in a gatsbyjs application. Th...
Parke asked 4/2, 2020 at 22:39

2

Solved

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. ./gatsby-config.js module.exports = { /...
Latrinalatrine asked 5/3, 2021 at 13:4

5

I am working on gatsby. I need to go back to privious page/link as I used to do with reactjs. <a onClick={() => this.props.history.goBack}> <button type="button" className="close_tab"...
Starknaked asked 2/5, 2019 at 13:6

© 2022 - 2024 — McMap. All rights reserved.