Showing Toast and Swapping Content with HTMX (And ASP.NET Core)

HTMX is a great library for making your web applications more dynamic and responsive. In this post, I'll show you how to use HTMX to show a toast notification and swap content on the page. One of the 'limitations' in standard HTMX (i.e., not OOB swaps) is that…

Building a Workflow System with HTMX and ASP.NET Core - Part 3: Building the Visual Editor

In Part 2, we built a powerful workflow engine. But workflows defined in JSON aren't very user-friendly. In this post, we'll create a stunning visual workflow editor - think "dummy's Node-RED" - using HTMX, Alpine.js, TailwindCSS, and DaisyUI. By the end of…

Building a Workflow System with HTMX and ASP.NET Core - Part 2: Architecture and Core Engine

In Part 1, we introduced the concept of building a custom workflow system. Now it's time to get our hands dirty! In this post, we'll build the core workflow engine - the heart of our system that executes node-based workflows. By the end of this post, you'll…

Building a Workflow System with HTMX and ASP.NET Core - Part 1: Introduction

Workflow systems are everywhere in modern applications - from simple approval processes to complex multi-step automations. While there are excellent commercial solutions like Temporal, Airflow, and n8n, sometimes you need something tailored to your specific…

Simple Search Using HTMX & EF Core for ASP.NET Core

This is just a quick article as it builds on the others in the full text search series such as the typeahead dropdown and Postgres full text search. In this post, I will show you how to implement a simple search page using HTMX and EF Core in an ASP.NET Core…

A Smarter Search Dropdown with HTMX

In a previous post I showed you how to create a search dropdown using Alpine.js and HTMX then I showed how we could enable Cross-Site Request Forgery protection using the AntiforgeryRequestToken in ASP.NET Core with JavaScript using HTMX to implement a Donut…

HTMX (and a little Alpine.js) for a SPA-like experience in ASP.NET Core

In this site I use HTMX extensively, this is a super easy way to make your site feel more responsive and smoother without having to write a lot of JavaScript. NOTE: I'm not entirely happy with this yet, HTMX has some elements which make this tricky HTMX and…

Simple 'Donut Hole' Caching with HTMX

Donut hole caching can be a useful technique where you want to cache certain elements of a page but not all. However it can be tricky to implement. In this post I will show you how to implement a simple donut hole caching technique using HTMX. The Problem One…

Adding a Comment System Part 2 - Saving Comments

In the previous part in this series, I set up the database for the comments system. In this post, I'll cover how saving the comments are managed client side and in ASP.NET Core. Add New Comment _CommentForm.cshtml This is a Razor partial view that contains the…

Background Translations Pt. 3

In previous articles, we have discussed the importance of translation in the context of web applications. We have also explored the use of the EasyNMT library to perform translations in an ASP.NET Core application. In this post I'll cover how I added a…