Blogging

Writing is a huge part of my content delivery approach. It's the fastest way I know to quickly share the things I've learnt in the course of my work and other activities. I have mostly written content that are published on other platforms, but I've also decided to write specifically for my blog here.

post cover image

Pairing Nuxt 3 with TailwindCSS and Supabase

featured

So Nuxt 3 is out and I'm obviously very excited about it so I went ahead and paired it up with TailwindCSS and Supabase. Read on and I'll show you how to set it up and build a subscription form with it.

Elsewhere

Handling data fetching in Next.js with useSWR

Learn the basics of the useSWR hook with this random generator walkthrough for Next.js.

October 13, 2021

Refactoring your Vue 2 apps to Vue 3

Explore the new Vue 3 features that provide developers with a better way to build in this in-depth tutorial with examples.

September 25, 2021

Managing SvelteKit and Shopify cart interactions

Learn how to build shopping cart interactions with SvelteKit and Shopify such as add to cart, remove from cart, and view cart.

September 6, 2021

Build an ecommerce site with SvelteKit and the Shopify Storefront API

Learn how to build a site with SvelteKit to display all your Shopify products, then deploy the site to Netlify.

August 30, 2021

Top 6 things you can do with Netlify Dev in 2021

Learn how to make the most of Netlify Dev with this top 6 tips for faster development.

August 16, 2021

Shopify announces enhanced Storefront APIs - A first look with Gridsome and Netlify

Get a first look at Shopify's headless commerce solution - the Storefront API with Gridsome and Netlify.

July 19, 2021

How to rollback a deploy in 2 seconds on Netlify

Learn how to rollback to a previous stable deploy on Netlify

July 12, 2021

Some Jamstack features you should use more often

Learn some need to know Jamstack features that will help you and your team get the best out of the Jamstack.

June 17, 2021

Best Practices for Enterprise Applications on the Jamstack

The Jamstack model is currently capable of powering large enterprises, however, we've heard claims that Jamstack is only for small and static sites. Let's take a look at the reality of that in this post.

May 3, 2021

Using forwardRef in React to clean up the DOM

In this tutorial, we'll review the concept of forwarding refs in React and how it helps us manage interactions with the DOM.

March 18, 2021

Building React Native forms with UI components

Learn how to build various performant React Native forms within your app using native React Native UI components.

March 1, 2021

Deep dive into the Vue Composition API's watch() method

This post dives deep into how the Vue 3 watch API works when passed different types of data

January 29, 2021

How React Hooks can replace React Router

Looking for an alternative form of routing in your React projects? Read more to find out how React Hooks can replace React Router.

January 27, 2021

Debug React applications with React DevTools

In this tutorial, we'll highlight the notable additions to the latest React DevTools release and demonstrate a few ways you can leverage its features.

January 20, 2021

Building an Event Registration Page with Composition API and Serverless Functions

We are still very excited about the Vue Composition API. So in this post, we'll explore how it works, build an event registration form and hook it up with a serverless function to submit the form.

January 12, 2021

Using React Spring for animation: Context and examples

Looking for examples of how to implement animations without causing a major performance bottleneck? React Spring may be what you need.

January 7, 2021

Positioning elements with Vue 3 Teleport

In this tutorial, we'll go over the new Vue 3 Teleport feature and also demonstrate an example use case with a modal.

November 5, 2020

Trying out the new Bootstrap 5 with React

In this post, we'll look at how to get started with Bootstrap 5 and how we can use the new version in a React...

August 21, 2020

How to build an ecommerce site with Strapi, Vue.js, and Flutterwave

As a frontend developer, I was excited by how fast I could build backend services that communicate effortlessly with my frontend application.

June 4, 2020

Implementing secure passwordless authentication in React Native apps with Auth0

In this post, we'll go over the concepts involved in implementing passwordless authentication with Auth0 and Twilio in a React Native application.

May 19, 2020

Why you should use refs sparingly in production

A general rule of thumb is to consider how possible it'll be to do exactly what you want to do with props and state...

February 28, 2020

Build more accessible forms with React Icons

The goal of this post is to help you understand how to build more accessible React forms by using the popular react-icons library.

January 24, 2020

Building reusable UI components with React Hooks

In this tutorial, we will build reusable React components that can be used throughout your projects to maintain consistency in logic and presentation.

December 3, 2019

What’s new in Firefox 70

In this post, we'll look at all the new features of Firefox 70 and demonstrate how they help increase our browsing experience.

November 20, 2019

How to handle async side effects in 2019

React Async lets you handle promises and fetch data declaratively to make it easier to handle async UI states.

October 29, 2019

Testing React applications in 2019

While testing can be a very controversial concept, something we can all agree on is testing is a very critical aspect of any product...

September 19, 2019

Simplifying state management in React apps with batched updates

In this post, we will take a closer look at the batched updates feature in React.

September 10, 2019

React Spring vs Animated

In this post, we will look at some of the strengths and weaknesses of both React Spring and Animated.

August 25, 2019

Useful tools and techniques to minify your CSS

Faster page speed, better performance, overall improved user experience — these are the advantages of minifying your CSS files. This may seem obvious, yet it remains...

May 30, 2019

Getting started with BootstrapVue

Vue.js is a popular JavaScript library used for developing prototypes in a short time. This includes user interfaces, frontend applications, static webpages, and native...

April 29, 2019

How to create animated React components with Kendo UI

Animations are a major part of modern-day web development components. They add an aesthetic and visual appeal to how web applications are presented to...

March 28, 2019