Hey! I'm Kayla.

I'm a software engineer with a passion for coding. A happy caffeine addict ☕, I'm originally from the US currently residing in Finland with my other half and our boss, AKA the cat.

    Latest Posts
    All Tags

    Deploy Your Gatsby Website to Netlify

    One of the great advantages of deploying your Gatsby website through Netlify is free hosting. Today you’ll learn how to deploy your own Gatsby website to Netlify and have that free hosting too. Let’s get started. Assumptions You have an exiting Gatsby project repository on one of the three sources…

    Neumorphic Design - What it is, examples, and Gatsby Template

    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…

    Add Contentful Your Gatsby Website

    The source code for this tutorial can be found here: https://github.com/turq84/contentful_gatsby Table of Contents       What is Contentful       Assumptions       Packages Needed       New Gatsby Project       How to Use       Creating Pages that Use the Contentful Data       Summary What is…

    FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

    To solve this, there are two solutions: Solution 1 You need to increase the Node JS memory. In your VS Code terminal, type: where the values of max-old-space-size can be: 2048, 4096, 8192, 16384 and so on. Solution 2 Try the following step: Delete the folder. Delete the file. Re-install node.js…

    “Could not find a declaration file for module component”

    If you get the error message: and the path to the component is underlined in red, instead of importing the component as normal, require it. Make sure to add at the end.

    FetchError: request to https://cdn.ampproject.org/rtv/metadata failed, reason: socket hang up

    Personally, I got this message after running . I don’t know why I got this error message, but I found it went away after I deleted the file and re-installed the packages ().

    Add Calendly to your React website, quickly and easily.

    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…

    Gatsby, Netlify and Amplify Part 1: The Basics

    Intro “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…

    Gatsby, Netlify and Amplify Part 2: Amplify Authentication

    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…