What Are Those Gatsby Generated Files?


  • Share on Pinterest

If you have played around or followed my posts and videos on using the Gatsby static site generator (Click here for the video playlist) then you are probably wondering what some of those files are for, let me explain them now with this very short reference list.

gatsby-node.js

  • Performs build time functionality
  • Gathers resources
  • Updates web pack and babel configs
  • Handles page creation
  • Handles the data layer

gatsby-browser.js

  • Handles client side functionality
  • Things like routing of pages goes in here

gatsby-ssr.js

  • Handles server side rendering

gatsby-config.js

  • Handles the site meta data
  • Lists plugins
  • Configure themes in this file