AI Unleashed (Part 1): Build Your First MCP Server
In this post, we explore how to build a Model Context Protocol (MCP) server using FastAPI. In future posts, we’ll build an AI agent that communicates with this MCP server
Read more
Master Micro Frontends with Lit-Element – Part 1
Micro Frontends are a design pattern that allow teams a way to break down monolithic applications into smaller independent modules, improving development speed, autonomy, and maintainability.
In this two-part article, we’ll explore the design and implementation of an MFE architecture that leverages Lit-Element for creating custom web components.
Read more
How to decouple custom elements with versioning
Custom elements offer many advantages, but they have a significant downside: versioning. Since custom elements are defined globally, if multiple micro frontends […]
Read more
AI Unleashed (Part 3): Build A Prompt Interface (UX) For Your Agent
In this post we will design a simple UX to build upon the previous posts where we set up an MCP Server […]
Read more
AI Unleashed (Part 2): Connect Your Langchain AI Agent to an MCP Server
Ready to make your AI agent smart enough to use real tools? In this post, we’ll build a Langchain-powered agent that can […]
Read more
Modern Linting in 2025: ESLint Flat Config with TypeScript and JavaScript
Clean, consistent, and secure code is essential—especially in modern web applications where performance, accessibility, and maintainability intersect. With ESLint’s flat config now […]
Read more
HTML Linting for a Robust Content Security Policy
Maintaining a strict Content Security Policy can be quite challenging. Ensuring a robust linting policy is in place can help keep your codebase free from any potential violations. This article will demonstrate how to do this.
Read more
Master Micro Frontends with Lit-Element – Part 2
Micro Frontends are a design pattern that allow teams a way to break down monolithic applications into smaller independent modules, improving development speed, autonomy, and maintainability.
In this second part of a two-part series, we will dive deeper into the code behind this Micro Frontend architecture.
Read more
Preventing Content Security Policy violations with ESLint
Content Security Policy (CSP) stands as an essential element in bolstering the security of web applications. In this article, I will demonstrate different approaches for harnessing ESLint to proactively identify common programming patterns that can lead to CSP breaches.
Read more
Enhancing CSP with ESLint: Preventing Unsafe setAttribute “style” usage
Content Security Policy (CSP) is a crucial component for securing web applications. One common practice is to disallow the use of the ‘setAttribute(“style”, …)’ command, which can introduce security vulnerabilities.
In this article, I’ll guide you through the process of creating an Eslint rule to detect and prevent it’s use.
Read more
Separate Lit-Element and lit-html templates.
The article will demonstrate a technique to separate lit-html code, typically housed within the render method, into an external .html file.
Read more