In this day and age, everything is tied to speed. The faster your product works, the better. While speed is important, some things still need that extra second of processing time to do its job. However, there is a way to create the illusion that things are moving faster than they really are. Let’s explore Optimistic UI.

What is Optimistic UI?

In short, Optimistic UIs are there to remove user waiting time while the backend does its magic. This can be form submissions, saving data, sending a message/DM, and so on. Optimistic UIs don’t wait for an operation to finish to update to the…


Authentication. We need it to access our email, banking, and the many website accounts we have. Authentication is the act of proving one’s identity in order to access their personal account information while online. In this blog post you’ll learn how to add authentication to your Gatsby website using the AWS (Amazon web service) tools called Cognito and Amplify.

This is the second part of a three-part blog series on building products with Gatsby, Netlify, and AWS Amplify. The next blog post of this series will discuss using Contentful content with your Gatsby website.

What is Amplify?

AWS Amplify is a development platform…


“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?

Simply put, Gatsby is a static site generator. “What’s that?”, you ask? The static site part of this means that…


I remember the first time I saw neumorphic design. I thought it was so cool looking. I just had to learn how to do it.

Lately, I’ve been on a quest to learn how to use it and, in the process, I created a Neumorphic Gatsby Starter Template, free for you to use.

What is Neumorphic Design?

It’s the latest trend in UI design. The name comes from combining New + Skeuomorphism = Neumorphism and it’s a style that relies heavily on using shadows to achieve an almost floating-like effect on the elements in your website or mobile application. …


One of the great advantages of deploying your Gatsby website through Netlify is free hosting. I think it’s absolutely wonderful. Today I’ll teach you how to deploy your own Gatsby website to Netlify and have that free hosting too. Let’s get started.

Assumptions

For this tutorial, it’s assumed that you have an existing Gatsby project repository on one of the three sources:

1. GitHub

2. GitLab

3. BitBucket

What is Gatsby JS?

Simply put, Gatsby is a static site generator. “What’s that?”, you ask? The static site part of this means that Gatsby will produce static HTML files that will be loaded onto a server…


In this blog post, I’ll show you how to add your Calendly scheduler to your react website. For this situation, we will imagine that we are a company and want to allow others to “Book a demo” for your product. We’ve all seen this “book a demo” button, some time or another. Now you’ll learn how to do it the quickly and easily.

What is Calendly?

Alright, first things first. In short, Calendly is a tool that helps you schedule meetings or events. Basically it helps you keep track of who you have to meet with or where you need to be. Need…

Kayla Gordon

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

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store