Articles

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.

Filter by:

netlify
webdev
productivity
card-header-image

Using Chrome’s Document Picture-in-Picture API in React

Chrome’s new Document Picture-in-Picture API builds on the PIP API to open up a wider range of possibilities for user

Read More
card-header-image

How Waku compares to Next.js

Waku is a new lightweight React framework built on top of React Server Components (RSCs). Let’s compare Waku with Next.js

Read More
card-header-image

Implementing vector search with OpenAI, Next.js, and Supabase

Let’s build a Next.js app that implements vector search using Supabase and OpenAI to offer better search experiences for users.

Read More
card-header-image

Diving into Server Actions in Next.js 14

Explore Next.js Server Actions to write functions that execute on either the server or client side, and build a to-do

Read More
card-header-image

Strapi adoption guide: Overview, examples, and alternatives

Delve into Strapi’s features and more to understand when and why you should use this open source headless CMS for

Read More
card-header-image

How to speed up incremental builds with Gatsby’s Slice API

Using the Slice API in Gatsby projects can help enhance the speed of incremental builds, improving your site performance and

Read More
card-header-image

Matching static and dynamic patterns in Nuxt 3

Explore practical examples of cool Nuxt 3 features, like better support for dynamic routes, partial matches on child routes, and

Read More
card-header-image

Using Shopify Hydrogen to build modern ecommerce storefronts

In this post, we'll use Shopify Hydrogen and Shopify’s Storefront API to build a dynamic, highly performant shopping experience.

Read More
card-header-image

Feedback in the workplace - Getting it right

Providing clear, actionable, and direct feedback requires intentional effort to exert the intended effect on the receiver. Let's learn how!

Read More
card-header-image

Jamstack Rendering Patterns: The Evolution

In this article, I share my thoughts about the direction of the web in 2022, and what solutions we can

Read More
card-header-image

How to Deploy Remix Apps on Netlify

In this post, allow me to show you the fastest, quickest and smoothest way to deploy your Remix apps on

Read More
card-header-image

How to access beta features on Netlify

Very often, companies need a structured way to roll out experimental and beta features to users. At Netlify, this is

Read More
card-header-image

Power your sites with APIs and Build Hooks

Combine 3rd party tools and services with your Netlify site using build hooks

Read More
card-header-image

Instant deploy rollbacks

Revert your deployed changes globally in milliseconds, thanks to instant deploy rollbacks.

Read More
card-header-image

Controlling auto publishing for coordinated releases

Locking deploys is helpful technique for coordinating lots of updates for a big launch or announcement. Everything can be readied

Read More
card-header-image

What is decoupling, actually

In the Jamstack world the word “decoupling” is thrown around a lot, and it can be intimidating to not actually

Read More
card-header-image

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

Read More
card-header-image

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

Read More
card-header-image

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.

Read More
card-header-image

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.

Read More
card-header-image

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.

Read More
card-header-image

How to rollback a deploy in 2 seconds on Netlify

Learn how to rollback to a previous stable deploy on Netlify

Read More
card-header-image

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

Read More
card-header-image

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

Read More
card-header-image

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

Read More
card-header-image

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.

Read More
card-header-image

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

Read More
card-header-image

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

Read More
card-header-image

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

Read More
card-header-image

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

Read More
card-header-image

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

Read More
card-header-image

Build a Jamstack Food Ordering App with Strapi, Gridsome & Snipcart

Learn how to create a food ordering app with Gridsome, Snipcart and your favorite headless CMS: Strapi. 1/6

Read More
card-header-image

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

Read More
card-header-image

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

Read More
card-header-image

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

Read More
card-header-image

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

Read More
card-header-image

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

Read More
card-header-image

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

Read More
card-header-image

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

Read More
card-header-image

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

Read More
card-header-image

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.

Read More
card-header-image

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

Read More
card-header-image

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.

Read More
card-header-image

React Spring vs Animated

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

Read More
card-header-image

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

Read More
card-header-image

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,

Read More
card-header-image

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

Read More

Subscribe to my Newsletter

I spend most of my time making content like blog posts, video tutorials, courses, speaking at conferences or delivering workshops. If you're interested in web development and Jamstack technologies, or you just want to be up to date with my activities, subscribe here.