Next.js
AWS
TypeScript
SES
IAM
How to Build a Contact Form With Next.js and AWS
It's pretty common to have a contact form on your website but building them can be a pain. So, let's explore how to easily build one using Next.js and AWS!
Read More
Content
My Blog
Here are all my latest blog posts; web development, tech, productivity, content creation, and more...
Development
JavaScript
ReactJS
TailwindCSS
Dynamically Wrapping Strings in HTML Tags Using ReactJS and Regex
Whether it's adding code tags to titles or something else, wrapping strings in HTML tags can be a helpful tool. Here's how to do it in ReactJS with Regex.
Read More
Development
JavaScript
NPM
GitHub
How to Automatically Publish and Maintain an NPM Package Using `semantic-release`
Publishing and maintaining NPM packages can involve manual administrative tasks but it doesn't need to. semantic-release can automate it for us, here's how.
Read More
Development
TypeScript
Next.js
JavaScript
How to Make a Flicker-free Dark Theme Toggle With Next.Js, Tailwindcss, and `next-themes`
Here's how to build a dark/light theme toggle in Next.js using TailwindCSS and the next-themes npm package to make it load and transition flicker-free.
Read More
Design
UI
3 Reasons Why You Need to Design Components and Not Pages
If you want to design better websites then you need to stop designing at a page level and start thinkning about components. Here's 3 reasons why.
Read More
Entrepreneurship
6 Twitter Analytics Terms You Need to Know to Grow an Audience in 2021
Building a Twitter audience is a great way to grow your business. So, here are 6 Twitter analytics terms you need to know and how to measure them.
Read More
Development
The Complete 2021 Guide to HTTP Status Codes and Their SEO Influence
HTTP status codes are a vital part of the web, they allow for clear communication between clients and servers as well as influence your SEO score.
Read More
Development
JavaScript
JavaScript Fundamentals: Truthy and Falsy Values Explained
Truthy and Falsy values are a fundamental part of JavaScript and understanding them is key to writing efficent JavaScript. Here's all you need to know.
Read More
Development
GatsbyJS
How to Add Page Transition Animations to GatsbyJS Using Framer Motion
Framer Motion is a powerful JavaScript package for adding animations to a website. Here's how to pair it with GatsbyJS to do page transition animations.
Read More
Development
CSS
CSS Explained: CSS Clamp Overview
CSS clamp is a function in CSS that allows us to have greater dynamic control over the values we use in our styles, here's what you need to know about it.
Read More
Development
CSS
CSS Explained: CSS Keyframes Overview
CSS keyframes let us define custom animations in CSS to use across our website, here's everything you need to know about them.
Read More
Development
CSS
CSS Explained: CSS Animation Overview
CSS has some powerful properties for animations so here's everything you need to know about CSS animations.
Read More
Development
CSS
CSS Explained: CSS Shorthand Properties Overview
CSS Shorthand properties are a great way to save time when writing CSS, here's more...
Read More
Development
GatsbyJS
How to Create a Custom Email Signup Form for ConvertKit on GatsbyJS
If you have a newsletter on ConvertKit, you may want a custom signup form on your GatsbyJS website bespoke to your design. Here's how to set one up.
Read More
Content Creation
Overview of My Content Creation Workflow
Creating regular content requires a workflow, in this blog post I share my workflow to churn out regular content.
Read More
Development
GatsbyJS
Creating Linked Blog Post Headers using MDX on GatsbyJS
Letting readers link directly to a section of a blog post is a helpful feature to have on a blog, here's how to implement it on a GatsbyJS blog.
Read More
AWS
SES
Configuring DKIM/SPF For AWS SES Email Addresses Using The AWS CDK! Stop Emails Going to Spam and Protect Your Domain!
Set up DKIM/SPF for AWS SES using the AWS CDK to prevent spam and protect your domain! Ensure your emails are trusted and delivered.
Read More
AWS
API Gateway
Automatically Create an AWS API Gateway REST API and Related TypeScript Types via an OpenAPI Specification and AWS CDK
Learn how to automate the creation of an AWS API Gateway REST API and corresponding TypeScript types using OpenAPI specifications and AWS CDK.
Read More
