menu

Gatsby.js

Fast in every way that matters. Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps.

Channels
# All channels
view-forward
# General
view-forward
# I Made This
view-forward
# Meta
view-forward
# Themes
view-forward
Team
Posts
Members
Info

Anyone has used css variables and media queries with styled components in…

thumbsup
1
message-simple
2

execute functions when Gatsby has rendered

I'm trying to implement locomotive-scroll on my gatsby repo. The problem is, the scroll doesn't correctly calculate the height, I think this has to do with the timing of execution, e.g. it's executed too early and there calculates an incorrect height. I've looked at the Gatsby…

thumbsup
0
message-simple
4

Minimizing (or eliminating) FOUT

I've created a couple Gatsby projects, and this is the first one where I'm experiencing FOUT. I'm wondering if I've done all that I can do to minimize/remove the jank. For font importing and styling I'm using styled-components createGlobalStyle imported into gatsby-browser.js.…

thumbsup
0
message-simple
3

Using gatsby-background-image on hover

Can someone help me on how to use gatsby-background-image plugin only on hover state? Unfortunately I can't find any tutorials on how to do that, not even on their documentation.

thumbsup
2
message-simple
9

Responsive Media Queries and JS

Hi there, I've been building a site with Gatsby/Netlify and I'm having issues understanding how to get around the issue of Gatsby not being aware of window sizing during the static site build. It's hard to troubleshoot because the issue only occurs once pushed to Netlify. It…

thumbsup
0
message-simple
5

Need help: Using gatsby-image with Intersection Observer

Hi, I am using gatsby-image to lazy-load and blur up my image for a gallery page. Although, I wanted the images to be lazy-load only when I'm through the fold view and scroll to the next section. I know Intersection Observer can really be helpful for this but I'm new and I…

thumbsup
0
message-simple
6

Passing props down to children from layout v2

Hi there, I've searched around and not found a concrete answer on the best way to do this in v2, it seems like it was straightforward in v1 but not so now. In short, I have a layout file based on the gatsby-starter that wraps around children from it's props. In the layout, I set…

thumbsup
0
message-simple
6

Unchanging names for static files

I think I asked this a while back and didn't get a response. I need to pull in PDF files from Wordpress with names like 'annual-report-2020.pdf' and have those exact names persist on the Gatsby site, rather than getting hashes appended to them. Is there a way to do this?

thumbsup
0
message-simple
6

Trailing slash issue

I am having an issue, (only in production) with trailing slashes. If I am in development or run the build locally it works fine. But in production if I click a link to a page (page name is donate), it shows /donate in the url and loads the page successfully but then if I click…

thumbsup
0
message-simple
1

Creating a build pipeline using serverless or similar service

Has any one create a build pipeline using AWS lambda or is there any service that does this on the market? I would like to trigger a build whenever I receive a webhook from my headless CMS. The serverless function will generate the production asset and then upload them onto a…

thumbsup
0
message-simple
2