Using Gatsby

Gatsby is a modern static-site generator that has revamped the way static websites are being built. It incorporates React, Node.js, and GraphQL to create stunning and blazing-fast websites. In this post, we will discuss Gatsby plugins and develop our own comment plugin.

In this article, we will be looking at an automated version of Gatsby recipes, a tool used to automate site-building tasks into a single command.

Like a lot of developers, I like to use my blog as a personal playground to try out the latest technologies. My blog was written in Gatsby, but recently I migrated it to Next.js. In this post, I’m going to talk about my experience, what went well, and what didn’t.

One of the reasons we create JAMstack sites is because of their great performance. Serving static files is easy and quick. But what if we upgrade the visitor's experience and make the site available offline?

We'll take a look at how Gatsby, which is a PWA generator, uses GraphQL to pull in data at build time and also its implications on performance.

How to reuse components across Gatsby projects.

If you have been developing Gatsby applications recently, it is likely that this has bitten you at some point.

In this article, we’ll learn how to build responsive components in React using the @artsy/fresnel package.

Using Netlify's built-in form handling with Gatsby should be simple and intuitive, but sadly it's not that simple. Well it is, it just requires some extra configuration not detailed in the documentation. So let’s get started!

Gatsby, an open-source tool for building high-performance JAMstack apps, boasts numerous plugins that extend its capabilities. For example, by leveraging source plugins in Gatsby, you can source data from multiple services, APIs, and even Excel spreadsheets.

JavaScript treats functions as first-class citizens. And we can see this in React now more than ever with the introduction of Hooks in version 16.8. They allow for state manipulation and side-effects on functional components.

Despite Gatsby’s amazing performance, it would be best not to force the user to load every single post onto the same page. Instead, we’ll explore the gatsby-awesome-pagination plugin to segment our post archive into more manageable sections.

Gatsby is a tool for creating static websites with React. It allows you to pull your data from virtually anywhere: content management systems (CMSs), Markdown files, APIs, and databases. Gatsby leverages GraphQL and webpack to combine your data and React code to generate static files for your website.

TinaCMS, when coupled with Gatsby, gives us to ability to manipulate our markdown files directly on our pages, visually. TinaCMS also works with Next.js, but here we’ll explore this powerful new tool with a Gatsby site.

In this post, I will explore the three different methods Tina offers to edit Markdown on your Gatsby site. You’ll learn how to set up Tina with both Page Queries and Static Queries.

Since Gatsby handles our routes for us, that leaves us with nowhere to wrap our app with a Redux store or provider. In this article we’ll learn a clever trick to get around that.

Gatsby and WordPress is an interesting combo to watch. On one hand, it makes perfect sense. Gatsby can suck up data from anywhere, and with WordPress having a native REST API, it makes for a good pairing.

This seemingly simple task had me scratching my head for a few hours while I was working on my website. As it turns out, getting the current page URL in Gatsby is not as straightforward as you may think, but also not so complicated to understand.

Now the whole community and projects around React are fondly known as the React ecosystem. Today, we are going to examine two of the famous React frameworks: Gatsby and Next.js.

We’re going to work through building a mapping app that tracks Santa’s route and his current location.

In a previous post, Creating a multilingual website with Gatsby, I built kodou.me. Kodou has a Japanese and and English version. The post was a bit long so I didn’t talk about some of the utilities I used and how to build the site’s navigation menu.

A friend recently asked me to build a website which has a Japanese and an English version. I never wrote an internationalized website but I have strong opinions about how localization should work. So here is one way to approach internationalization in Gatsby using Cosmic JS, a headless CMS.

The useStaticQuery React Hook was added to Gatsby.js starting with version 2.1.0, and it’s an incredibly convenient way to make (build-time) GraphQL queries from any component within a Gatsby site. In this quick lesson, we’ll go over how to implement useStaticQuery in your project!

Gatsby does a great job processing and handling images. For example, it helps you save time with image optimization because you don’t have to manually optimize each image on your own.

Messing around with React Suspense gave me a great idea: What if you could fallback to preloaded data instead of a loading spinner?

You’re going to build a developer blog with MDX support (for some React components in Markdown goodness), so you will be able to add your own React components into your Markdown posts.

Learn how to configure Gatsby to easily deploy a blog site on Github Pages.

So the React team released curious cat version for concurrent mode, and I want to try that with my personal sites and side projects, only to realize that by using Gatsby I do not have direct access to my ReactDOM.render(), which I am supposed to change.

Choosing the right font can add great value to a site and enhance the user experience. The right font-loading strategy, however, can be somewhat of a challenge. That’s why Gatsby provides several developer-friendly solutions for all of our font-loading needs.

I've been moonlighting Gatsby projects in my free time for a couple of years now, while working with Next.js during the day. I've come to love MobX state management with Next, and wanted to bring the goodness to my Gatsby projects. Turns out that it's pretty easy, and I'm going to share the approach I took in a recent project.

In this article, you will learn how to build and run a static website capable of handling massive amounts of traffic without requiring expensive and complex hosting infrastructure.

The process of adding images is more or less the same. However, videos and GIFs are one level up which is rendered/embedded differently in various web applications, and the embedding process may vary from one framework to another.

A complete guide to building a static website with Gatsby.

Ok firstly, I digress, I am a massive fan of both of these "frameworks". I can usually be seen gushing about them on my Twitter or Instagram, however, without a doubt, the question I get asked the most when talking about these tools is which is better? Should I use Next.JS? But I have heard Gatsby is pretty 🔥, maybe I should use that?

Frameworks come and go, and while Gatsby may eventually drift as tech does, the performance and productivity boosts are strong arguments for diving in right away.

More and more people are creating blogs with Gatsby and that’s exciting as heck! I miss the internet days when everyone had a place to call their own.

Gatsby ships with some incredibly powerful plugins for image manipulation, performing operations that would normally require a designer (or an external 3rd-party software) to perform.

When interacting with a backend, a JAMstack app can do everything a mobile app can do, without the tyranny of the app store. This is a fundamental insight that goes as deep as the fight for a more open, secure, decoupled, faster web.

Image optimization — at least in my experience — has always been a major pain when building speedy websites. Balancing image quality and bandwidth efficiency is a tough act without the right tools.

In this post I’ll go over what Gatsby is and why you should think about it for your next WordPress project.

One of the biggest features of Gatsby.js is their incredible official plugin library. This large collection of Node.js packages taps directly into the Gatsby API, and provides easy ways to extend/add custom functionality to Gatsby websites without adding much extra code. In this short article, we’ll cover the basics of finding and implementing these plugins.

In this post, we'll build a performant Infinite Scroll Image gallery using Gatsby.js, which is served over a CDN and uses Netlify functions to serve data from an API during runtime.

While both of these frameworks could sometimes be used to hit the same target, they both excel at very different things and also have different costs associated with their implementation.

GatsbyJS is the most popular framework to create static websites. In the software industry, the concept of static site generators is not recent but it’s becoming more popular thanks to the recent evolution of the JavaScript technologies and the introduction of JAMstack.

In this article we’ll explore the basics of MDX with Gatsby, including some introductory techniques to help you start using it right away.

In this article, we’ll take one of the starter Gatsby projects and turn it into a TypeScript app.

When using the static site generator Gatsby you don’t have a base “App” component to play with. That said, there’s no component that wraps around your whole application where you can put your state that needs to be kept between routes/pages.

Static site generators like Gatsby are incredibly developer friendly and make super fast sites, but they’re almost completely inaccessible to non-developers. In this blog post I’ll show you how to change that.

Recently I have been expanding the codebase for my website and blog in order to have a more robust web presence. Part of this of course includes unit testing the source code using Jest.

In this tutorial we are going to create a Gatsby site with two pages. The home page with an introduction about the store and some features, and the second page is a product list page with a simple pagination.

Gatsby.js is a free and open-source React.js-based framework which helps developers build blazing-fast websites and apps. JAMstack (JavaScript APIs Markup) is the recent trend and WordPress powers more than 33% of the internet users.

When working with Gatsby.js, we constantly make use of its built-in command line interface (CLI.) This essential tool allows us to do things like creating new projects from starters, launching a dev server with hot-reloading, and generating production builds. Here’s a quick reference guide to help you use it like a pro!

Ensuring that users get the best experience with images on the web can be a tedious task. However, with Gatsby, we can leverage the power of Sharp to get the best performance with a little setup and a rich toolset.

In the article, I'll walk you step by step (and provide sample code!) to creating a Mailchimp signup form for Gatsby.

Airtable is a cloud-based collaborative database-spreadsheet hybrid application. It offers a flexible and intuitive GUI, reasonable prices, and a full REST API with excellent auto-generated documentation. It also works great as a data source for Gatsby.js, and I’m excited to show you how!

Websites are global by nature, but it is becoming increasingly relevant for businesses of all types to create a multilingual website.

In this article, we are concerned with the build process, which is powered by GraphQL. This is the part where your data is managed.

Progressive Web Apps (PWAs) allow developers to deliver an app-like experience to the user. Paired with the top-notch performance of Gatsby.js, and you get a blazing fast website.

Thankfully, adding a sitemap to a Gatsby.js project is incredibly simple! Let’s go over how in the post below.

When creating a new Gatsby.js project, there are several available options for styling. styled-components is one of the most popular CSS-in-JSS solutions, and for good reason. It’s powerful, easy to learn, and it works flawlessly with Gatsby. Let’s explore how to add it into your project!

Not long ago, most people argued against a framework like React, Angular or Vue for your personal website. Since then, tools on top of these frameworks – like Gatsby.js for React.js – emerged to make static website development effortless. So if there is no actual demand, why does a static website generator like Gatsby.js do so well?

Learn how we leveraged Gatsby.js to build a jobs board for software engineers searching for remote roles.

Gatsby is, in many ways, the JavaScript successor to Jekyll. I’ve upgraded several sites to Gatsby (including this one) finding a way to integrate TypeScript as part of the journey.

In this tutorial, we are going to look at a few through which we can add page transitions to our Gatsby applications to make the site a little bit more interesting and fun.

Gatsby is a static site generator that is built with React.js, Webpack, and GraphQL. It is used for building very fast websites that have relatively static content, for example, blogs, eCommerce websites, and even company websites.

I recently wanted a way to quickly jot down things I learn throughout the day, or lessons I want to keep in mind. But that’s not enough — I also need to be able to search these logs so I can find exactly what I’m looking for right away. That’s exactly what I’m going to show you how to build today.

Learn how to set up Auth0 for identity management in a Gatsby static site.

In this guide we're going to cover converting the Gatsby default blog starter to use MDX.

In this tutorial, I’ll be showing you how to use Auth0 which is an authentication and authorization platform to add authentication to your GatsbyJS application and to your serverless function on Netlify.

Gatsby + Redux is a powerful combination when building static web-apps with dynamic features. With Gatsby 2, it has never been easier to get up and running. Today, I’m going to guide you through the steps needed.

In this article, we'll set up the Gatsby default starter blog with TypeScript, ESLint, Prettier and run these before every commit with lint-staged and husky.

Gatsby, Contentful, Netlify — The Triple Threat For Content Management Success.

After my first year working as a frontend web developer, I got the idea to have my own personal site. It’d be a platform to showcase my work, share content, and serve as a creative outlet for me outside of work. Here, I’ll walk you through my experience building the site from zero to deploy.

Documentation?… Documentation. Let’s say for a second that you want to create a way to easily publish and read docs, err… documentation. By the end of this read you will be able to do just that, all with the power of Gatsby (a static site generator) and Cosmic JS (an easy to setup and use Content Management System).

I want to show you how easy it can be to create an extremely fast and customizable blog site using some of the newest and greatest technologies in JavaScript today.

Use gatsby-transformer-json to read data from a local JSON file and dynamically generate list items in a React component.

Gatsby themes introduce a new model for building Gatsby sites and apps. However, due to the recency of themes being available, the majority of the ecosystem is still in starters that could better serve their users as themes.

When it comes to performance these days, it’s not uncommon to hear the term “JAMstack”. JAMstack stands for JavaScript, APIs, and Markup. The idea being to create static markup with JavaScript that is powered by communicating with APIs.

As some of you might have heard (or hoped), we’re working on adding theme support to Gatsby. This blog post is a short intro into how we’re thinking about themes for Gatsby.

Let’s do a deep dive into how this feature was actually implemented step by step using React Context, Gatsby, and a Theme Provider to implement a dark mode UI!

Here’s some of our conversation with Tim Brown, Senior Software Engineer and Johnny Lin, Engineering Manager at Harry’s.

Here in Part 1, we’ll cover the nuts and bolts of getting a Gatsby blog set up and deployed.

Emotion is a library for authoring and composing CSS rulesets in a performant way. Here's how to get started using it with Gatsby.

Lets start with setting up a Gatsby Dev Server on Heroku for live preview.

Today I’d like to show you how you can incrementally add functionality to a Gatsby static site with Netlify Functions, and then add authentication with Netlify Identity to begin a proper Gatsby app.

Gatsby has been growing over time, and I’m glad to see it in use by a huge number of sites like marketing sites, blogs, and generated static pages.

Sometimes a dynamic single-page app is overkill. You just need to get some attractive information on the internet. Welcome back to static sites.

Gatsby is a platform for building apps and websites using React

This tutorials explains how to set up the deployment of a static GatsbyJS project with Heroku and Github. You will learn how to create a…

Lately Gatsby and Next have gotten lots of attention. At first glance, they both seem very similar.

We’re incredibly pleased to announce the 2nd major release of Gatsby!

If you are thinking of building a static site with React and want it to perform as fast as a cheetah, you should consider using GatsbyJS.

Together with my co-founder, Sam Bhagwat, I’m thrilled to announce the formation of Gatsby Inc. Based on the open source project Gatsby I founded, Gatsby the company will make feature-rich and blazing-fast websites easier to build and run.

I’ve recently migrated Dona Rita’s website from Jekyll to Gatsby. I’d like to share my process with you, as well as a few tips about building a JAMstack site with Gatsby, Netlify and Netlify CMS.

In this article, we will be building a static site using Gatsby.js.

Gatsby is a static site generator for React that released its first major version last month.

We’ll take a deep dive into Gatsby and some of its features by creating an imaginary static blog called CodeStack.

I'm cold, and coding up some Gatsby, React and Instagram API.

The battle you've all been waiting for! Which does static site generation better? Next.js or Gatsby?

Add a new data source and start taking payments with your Gatsby site in this hands on session.

Content writers love the content management workflows that WordPress provides. Devs love the developer experience of using Gatsby. And when you combine the two? Everyone wins!

Today we add prev/next buttons to both content types of my Gatsby site.

In this video I modify my Gatsby site for pagination.

Continuing the gatsby pagination video by refactoring out custom function to work with multiple content types.

In this webinar we’ll create our own coding blog using our Gatsby blog starter.

Learn how you can use Gatsby and create-react-app on the same website without using subdomains.

In this video, Jason adds Netlify Functions to his Gatsby site to enable dynamic functionality on a JAMstack app. We start by setting up an Express API, then go through writing serverless functions to send button clicks to that API.

Great progress today on an app I started building months ago. Then I got distracted and it lay sad, alone, but not forgotten.

What is Nest.js, and how does it make building APIs easier? In this episode, Ryan Chenkie teaches us how to create a GraphQL API using Nest.js, then builds a Gatsby site using the data.

Keynote speech by Kyle Mathews, CEO and co-founder of Gatsby, from the Gatsby Days London conference on Sept. 30th, 2019 at the Congress Centre. Learn about what's new in Gatsby and what the future looks like!

A look into the advantages and possibilities that WordPress offers as source for Gatsby. How to use WpGraphQL and the ACF extension. A demo of how to use ACF Flexible content to make a custom builder.

GatsbyJS and create-react-app are similar in that can help you set up an application and removes much of the configuration headache; however, Gatsby offers more. In this talk we'll consider some reasons why Gatsby could be a CRA replacement.

Gatsby’s ecosystem is one of its biggest strengths. In this webinar, we dive into plugins — the heart of Gatsby’s ecosystem — to learn how they work and hear stories from community creators who’ve built and shipped popular, powerful plugins.

Both brands and users have high expectations for websites today, and these expectations are constantly getting higher. To satisfy them, your site must offer blazing-fast performance, unique and engaging bespoke experiences, and optimize for attracting new visitors, generating leads, and providing a positive return on investment.

Watch this webinar to learn how IBM’s open source design system, Carbon Design System, is using Gatsby themes to easily create new sites with a unified look and feel. Gatsby themes empowers the team to build something that looks like IBM without any prior React knowledge.

In this video from my Gatsby & Headless WordPress course I go over how these two tools can be used together and some of the pros and cons.

Learn about what's new in Gatsby and what the future looks like!

In a marathon solo stream, Jason builds out most of a Gatsby transformer plugin to upload local files to Cloudinary and add support for using Cloudinary images in gatsby-image.

How simple can it be to create a website, get a custom domain, build a serverless API, configure automatic deployments, and take the whole thing live? With ZEIT’s suite of tools, it can be pretty dang simple.

Can a GraphQL node get data from two different places? Can we use GraphQL to normalize data form different sources? Mikhail Novikov will teach us advanced GraphQL patterns with Gatsby so you can create extremely powerful apps and websites.

I just finished making my website using Gatsby.js and talk about my experience and some thoughts I had on it.

Strapi is an open source, self-hosted Node.js headless CMS, which makes it a great option for setting up a Gatsby site. On this episode, David Kartuzinski (https://twitter.com/kai_dawei) joins to teach us how to set up Strapi from scratch to power a Gatsby site.

Sara Vieira is the queen of memes. On this episode, she joins to teach us how to build a fun, silly website to showcase her many amazing memes and make them interactive.

In this video from my Gatsby Basics course I walk through how to use the Gatsby Image component in a number of different ways.

Contentful provides a flexible, powerful content management back-end, which pairs really well with Gatsby. In this episode, Khaled Garbaya will teach us how to use Contentful to power Gatsby sites.

How can you create data visualization that works well in progressive web apps? On this episode, Swizec Teller joins to teach us how to use D3, React, and Gatsby to create SSR-friendly data visualizations for high performance dataviz.

Creating design systems with great documentation and examples can be a pain. MDX makes it far less painful — on this episode, Kathleen McMahon joins to teach us how to create excellent documentation for a design system using MDX and Gatsby.

In this talk from the 2019 JavaScript for WordPress Conference, Alfredo Navas-Fernandini introduces the Gatsby React framework and how it can be used to create blazing fast static sites with WordPress.

In this talk from the 2019 JavaScript for WordPress Conference, Alexandra Spalato goes into more depth on how to integrate WordPress, GraphQL, ACF and More with Gatsby.

Did you know you can create collaborative video chat apps really fast using Twilio and Gatsby? Nathaniel Okenwa teaches us how to integrate Twilio's developer-friendly APIs with Gatsby to create an interactive video chat app.

How does Gatsby load data from other platforms and sources? And how do we actually use that data once it’s loaded? On this episode, Brittney Ball pairs with Jason to create a source plugin and build a site using its data.

How do you schedule a post to go live in the future when using Gatsby? In this stream, Kelly Vaughn pairs with Jason to dive into scheduled content with cron jobs, webhooks, and other strategies for postdated content.

If you work with Drupal and need a high-performance front-end, Gatsby is a great option! In this stream, Grant Glidewell teaches us how to use Decoupled Drupal with Gatsby to build flexible, high-performance websites and apps.

Join Laurie Barth as she pairs with Jason to learn more about what Gatsby can do to make building your website fun and fast!

Did you know WordPress & Gatsby are great together? In this stream, Jason Bahl teaches us how to use WordPress with Advanced Custom Fields and WPGraphQL to create an powerful, flexible admin dashboard, then query and display that data in a Gatsby site.

For the Theme Jam website, we need to build a showcase. Since submissions are being tracked in Airtable, we’ll build a Gatsby theme to load Airtable data and display showcase entries.

In this stream we will cover how to add promotion codes to our Moltin cart using Gatsby and storing the cart + promotions in a custom context provider we created.

For most of us, “static sites” only work for simple sites, like personal blogs. But static sites can do so much more! In this talk, learn how Gatsby uses React and GraphQL to help you build apps that combine the performance and workflow benefits of static sites with the flexibility and power of server-driven sites, all in a modern dev stack!

Join Amberley Romo and Jason as they build out support for a podcast theme to take a podcast RSS feed and turn it into a full website. This episode digs into Gatsby source plugin internals, linking between data nodes, and debugging Gatsby APIs.

We'll cover the basics to get you started fetching cart items from an ecommerce API.

For the Theme Jam website, we need to build a showcase. Since submissions are being tracked in Airtable, we’ll build a Gatsby theme to load Airtable data and display showcase entries.

How do you create clear, helpful documentation and demos for Gatsby themes? In this livestream, Horacio Herrera pairs with Jason to add documentation and an example to a theme.

Gatsby uses GraphQL in a pretty unique way — type inference, automatic filter and connection generation.

Join Emma Wedekind as she pairs with Jason to build her first Gatsby theme!

Gatsby themes open up a lot of incredible opportunities, and theme-ui might just be the perfect tool for making themes composable, interoperable, and even more powerful. Brent Jackson will teach us how to build even better Gatsby themes with theme-ui!

I explain the differences between how Next.js and Gatsby work and which one I recommend for good SEO.

Learn along with Henry Zhu and Jason Lengstorf as we extend Amberley Romo’s podcast theme. We dive into modifying the Syntax.fm podcast player to work with Gatsby themes!

Airtable is like Excel with rocket boosters. Learn along with Jason as Giovanni Briggs from Airtable teaches us how to build a Gatsby site using Airtable as the CMS.

Adding custom search to your site doesn’t need to be hard! Bram Adams from the Algolia team will teach us how to implement a custom search on a Gatsby site.

In this tutorial, you will learn everything you need to build and launch your first site with Gatsby. You’ll build a website from scratch and learn how to get it deployed to production.

Themes are coming very soon to Gatsby, and this talk will do a deep dive on what they are, how to use them, and the types of amazing content you can create easily with a framework that people love: Gatsby.

Learn how to create fast websites and web applications with Gatsby. You’ll use Gatsby, React, and GraphQL to build an entire CMS-powered website from scratch.

Node Conference talk.

Learn how to add realtime updates to your apps using Hasura and Gatsby.

This live stream is part of the prep for my "Headless WordPress with Gatsby" course coming soon.

Learn how to build an internationalized website using GraphCMS and Gatsby.

Learn all about React Hooks and how they change the way we write components. Sidhartha Chatterjee teaches Jason Lengstorf what it means to write and refactor code with React Hooks, and shows off some new hooks that were just added to Gatsby.

Gatsby Themes are the Next Big Thing™ for building web sites and apps. In this stream, John Otander teaches Jason Lengstorf how to build a Gatsby theme from scratch, how to use it, and how to create child themes.

I explain how I choose between GatsbyJS, Next.js, and CRA for projects.

Espen Hovlandsdal teaches Jason Lengstorf how to build a portfolio site using Sanity.io and Gatsby. Along the way, there are some really mind-blowing moments for content editing, including real-time collaboration, live updates, and image editing.

Making https://shitty-horror-movie.club using gatsby

Making https://shitty-horror-movie.club using gatsby

Emma Wedekind and Jason Lengstorf work on converting Emma’s portfolio page to use `gatsby-image` for better performance and user experience. Along the way they talk about StaticQuery, GraphQL, and how Emma designs websites.

In this video we'll be using promises to see how a Gatsby style "Blur Up" image component could be created.

I've got a little gatsby app, let's see how we can add Cypress to test it!

Learn about UX research best practices, how Gatsby does it, and the importance of user testing when building a website.

Learn from Chris Biscardi, Independent Consultant at Gatsby, about Gatsby Themes.

Learn about the decoupling of the CMS and a case study about a Drupal and Gatsby website.

In this 30 minute talk, learn about the paradigm shift happening in website development and how to position the value of modern web technologies to your clients.

Kyle Mathews, creator of Gatsby, talk about the future of website development and how Gatsby is the open source software that will take you there.

In this talk, learn how Gatsby & Apollo help you build apps that combine the performance and workflow benefits of static sites with the flexibility and power of server-driven sites.

Learn how to set up Gatsby with TypeScript and how to replace PropTypes with TypeScript interfaces in both functional and class based components.

I'm doing some research on gatsby. Let's see what it takes to get this installed and running from the perspective of a newcomer.

This is a 1 hour crash course on Gatsby JS which is a static site generator that runs on React and GraphQL. We will be creating a static site along with a Markdown based blog using a few plugins. We will also deploy our Gatsby site to Netlify.

As web developCome join Kyle Mathews, founder of Gatsby, as he talks about modern web performance. You'll learn the tools & techniques you can start using today to make your React sites super fast. We’ll discuss code splitting, "link preload", greedy prefetching, header optimizations, service workers, and more using Gatsby as a case study for these techniques.

This talk will show how to use Netlify CMS with a Gatsby-based site, to build high-performant and infinitely-scalable sites with git-based content editing, a user friendly UI, and live browser previews - all without a backend.

In this video we build a contact form that will work with Netlify's form service.

Gatsby is a modern JavaScript web framework that let’s you build the fastest websites in the world. It combines the fast performance of static websites, modern browser capabilities like and service workers, and the powerful abstractions, excellent tools, and client capabilities of the webapp world.

In this stream, I'll be moving my website off Meteor and onto GatsbyJS.

Gatsby looks absolutely awesome! You should check it out!

In this video, I give a first look into the exciting new static site generator, Gatsby.

Getting Started with Gatsby

This episode features the great Jason Lengstorf and we're talking about Gatsby!

In this episode of React Round Up, the panel discuss setting up and getting used to Gatsby with Aman Mittal. Aman is a computer science graduate, has been working in web development for the past two years, and has worked with companies such as freeCodeCamp. He has been working with React for the past 6 months and started working with Gatsby in January of 2018. They talk about what Gatsby is, why you would want to use it, and what a simple Gatsby site would look like.

Kyle Mathews is the creator of GatsbyJS. He joins the show to describe why he created Gatsby–the high level goals and low level engineering decisions. We also discuss how Kyle intends to take Gatsby beyond just an open source project and turn it into a business.