Questions tagged [gatsby]

Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps

Gatsby.js is a static site generator for React which transforms plain text into dynamic blogs and websites. One of the pillars for Gatsby is the concept of PWA (Progressive Web App) and Performance.

It supports Markdown, HTML, and React.js pages out of the box and it is easy to add support for additional data sources like headless CMSs, SaaS services, APIs, databases, your custom file system & more directly into your pages using GraphQL.

For a full-fledged tutorial, check here.


Resources


Browser supports


Official logo

Gatsby logo

4796 questions
63
votes
4 answers

When to use a react framework such as Next or Gatsby vs Create React App

I'm in the sort of rapid prototyping phase of my React/javascript learning experience. I was wondering when folks would reach for a framework such as Next.js or Gatsby.js vs the standard Create React App. I really dig the page based structuring and…
Vince Picone
  • 659
  • 1
  • 5
  • 8
50
votes
6 answers

React-hot-loader: react--dom patch is not detected

I updated some npm packages in my Gatsby project and now I'm seeing this warning in console: React-hot-loader: react--dom patch is not detected. React 16.6+ features may not work. However, when I look into the source code, there is a comment: //…
Atte Juvonen
  • 3,966
  • 5
  • 33
  • 72
46
votes
10 answers

How do I add google fonts to a gatsby site

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 another proper way to add the font?
enginedave
  • 933
  • 1
  • 8
  • 9
45
votes
4 answers

GatsbyJS getting data from Restful API

I am new in both React and GatsbyJS. I am confused and could not make figuring out in a simple way to load data from third-party Restful API. For example, I would like to fetch data from randomuser.me/API and then be able to use the data in…
AJ-
  • 697
  • 1
  • 9
  • 20
44
votes
26 answers

Failed To Resolve With FrontEnd DockerFIle.v0

I was trying to build my Docker image for my Gatsby Application. Whenever I run the command docker build . -t gatsbyapp, it gives me an error: failed to solve with frontend dockerfile.v0: failed to build LLB: failed to compute cache key: "/.env"…
Muhammad Yasir
  • 451
  • 1
  • 2
  • 4
32
votes
4 answers

Reusable Gatsby-Image Component with dynamic image sources

I’m thinking of using Gatsby-Image for my next project and has been playing around with it a little. I got it to work on my test project but then I came up with a use case that I would like to use the from Gatsby much like a regular
erikos93
  • 547
  • 1
  • 6
  • 16
26
votes
5 answers

add raw HTML with