Content
Here are all my latest blog posts; web development, tech, productivity, content creation, and more...
Lambda
AWS
EventBridge
It’s a quite common to need to trigger a lambda function from another lambda and there's many ways to do it. But, today we'll explore how to do it with an AWS EventBridge event bus.
Read More
Next.js
AWS
TypeScript
SES
IAM
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
Development
JavaScript
ReactJS
TailwindCSS
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
`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
`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
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
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
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
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
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 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 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 has some powerful properties for animations so here's everything you need to know about CSS animations.
Read More
Development
CSS
CSS Shorthand properties are a great way to save time when writing CSS, here's more...
Read More
Development
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
Creating regular content requires a workflow, in this blog post I share my workflow to churn out regular content.
Read More
AWS
DynamoDB
Learn how to master DynamoDB integration testing using Vitest and Docker with this easy, step-by-step guide. Enhance your testing skills today!
Read More
AWS
SES
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
