Gatsby, Netlify and Amplify Part 1: The Basics

“Angry, and half in love with her, and tremendously sorry, I turned away.” Oops, wrong Gatsby. If you’re like me, when I first heard of Gatsby, my first thought was The Great Gatsby by F. Scott Fitzgerald. However, the two are very different. In this post, you’ll learn about what Gatsby JS is, the querying language it uses (GraphQL), and a nice way to host your website for free with Netlify. So let’s dive in and learn about Gatsby JS.

What is Gatsby JS?

Let’s talk about some of the benefits of a static site. Speed, SEO, and security are some of the perks of using Gatsby. Not only are Gatsby sites made to be blazing fast, but they are very secure since there is no database or server. In addition, static sites improve your SEO since crawlers can find the content much easier. Speed is very important for a website. It’s so important that Google has made it an actual ranking factor. How about that?

Want to get started with Gatsby? Here’s a nice tutorial to get your Gatsby ball rolling.

GraphQL

Because we have Node running in our development environment, and we have GraphQL, we have a huge range of abilities of what we could do to pull data into Gatsby, as long we’re ok with only updating the data when the application builds. It is important to remember that Gatsby is not going to handle our data for us. Rather it will get that data pulled into Gatsby and generate the site from that data based on the generators we write for it.

Want to know more about GraphQL? We thought you might. Click here.

Netlify

Every time you push your code to Git, it builds in the Git repository and builds a preview branch, where you can share your latest work, live, with others. So when you have worked hard on that project and need to show your manager the latest changes, take that Netlify link and send it to them. They’ll see everything you just pushed to your Git repository.

Not to forget, with Netlify you can host your Gatsby website for free. Yep, for free. I won’t go into full details about Netlify. That could be a blog post on its own, but here is the documentation on getting started with Netlify and hosting your website. You’re welcome.

Want to read more about Netlify? Click here.

Conclusion

For part 2 (Amplify Authentication), click here.

👩🏻‍💻 Developer | ✍🏻 kayla-gordon.com | 💻 github.com/turq84 | making a difference at taitounited.fi and earner.ai.