Go Pro Sign Up Login
0 days 0 hrs 0 min 0 sec

Summer Sale

50% off Level Up Pro until you unsubscribe.
Get access to ALL 128 courses on Level Up Tutorials

This is your last chance to get Level Up Pro for $145/year.

or Learn More
Moon Moon

Buy Now and unlock this series







yours forever

Become a Pro and unlock everything




per month


In this series, we dive into Gatsby.js by building a blog with markdown, Netlify CMS & Contentful and cover everything from page animations, to several hosting options that automatically rebuild.

Buy this series: https://goo.gl/gUH8SA

Become a Pro: https://www.leveluptutorials.com/pro

Please use these links when signing up for services to help support Level Up.

Easy Hosting with Netlify: https://goo.gl/vgyifg

Shared Web Hosting: https://goo.gl/pfC6uc

Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX

Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz

Blazing-fast static site generator for React

Modern web tech without the headache Enjoy the power of the latest web technologies – React.js , Webpack , modern JavaScript and CSS and more — all setup and waiting for you to start building.

Bring your own data Gatsby’s rich data plugin ecosystem lets you build sites with the data you want — from one or many sources: Pull data from headless CMSs, SaaS services, APIs, databases, your file system & more directly into your pages using GraphQL .

Scale to the entire internet Gatsby.js is Internet Scale. Forget complicated deploys with databases and servers and their expensive, time-consuming setup costs, maintenance, and scaling fears. Gatsby.js builds your site as “static” files which can be deployed easily on dozens of services.

Future-proof your website Don't build a website with last decade's tech. The future of the web is mobile, JavaScript and APIs—the JAMstack. Every website is a web app and every web app is a website. Gatsby.js is the universal JavaScript framework you’ve been waiting for.

Static Progressive Web Apps Gatsby.js is a static PWA (Progressive Web App) generator. You get code and data splitting out-of-the-box. Gatsby loads only the critical HTML, CSS, data, and JavaScript so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast.

Speed past the competition Gatsby.js builds the fastest possible website. Instead of waiting to generate pages when requested, pre-build pages and lift them into a global cloud of servers — ready to be delivered instantly to your users wherever they are.


Become a pro to download code and videos


User avatar


about 2 years ago

@Lucas Thanks buddy, I was doing the same thing. You saved me lots of time as well!


about 2 years ago [edited]

@Lucas Wow, thanks Lucas! This saved me time, for sure.

User avatar


over 2 years ago

So I'm a moron, and made it halfway through this course before realizing that this course is for Gatsby version 1, and the Pro Gatsby 2 course is for Gatsby version 2 (current version). I was thinking this was the "intro" course, and Pro Gatsby 2 was the second in the series (see above statement re: I'm a moron). So if, like me, you're here to learn Gatsby on or after April 19, 2020, leave and go to the Pro Gatsby 2 course.

Want to join the conversation?

Become a Pro member today!