DEV Community

Hunter Chang
Hunter Chang

Posted on

16 9

Fetching Dynamic Data with Gatsby.js

Gatsby.js is more than just an awesome static site generator, it can also fetch data dynamically like you would with Create React App. We explore what that dynamic data fetching looks like and peak at the compiled code to see the difference between the dynamic and static data in Gatsby.

The next time you start a project, before reaching for Create React App try reaching for Gatsby instead! You can do all the same things (like hooks!) but it comes with amazing performance and SEO benefits!

YouTube:
https://www.youtube.com/channel/UCS6lPt9btmTG3GkU82ELygA

Follow Me On:
https://twitter.com/HuntaroSan

Top comments (3)

Collapse
 
dance2die profile image
Sung M. Kim

I've always thought Gatsby as a static site generator, thus a dynamic data fetching was not possible as I mistakenly thought all data fetch should go thru GraphQL normalization.

Thank you, Hunter, as the tutorial opened my eyes to the dynamic world of Gatsby, as well.

Collapse
 
changoman profile image
Hunter Chang

Nice! Very glad that this was helpful.

Collapse
 
ajarouih profile image
Aymen Jarouih

Thanks for this tut Hunter, simple as always!

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay