Dale Nguyen

Insights & IdeasFrom the Blog

Welcome to my collection of thoughts, ideas, and discoveries. Hope you find something inspiring!

Building MCP Apps with Angular
Angular Mcp Typescript Vite Ai-agents Apr 24, 2026

Building MCP Apps with Angular

A step-by-step guide to building interactive MCP App UIs with Angular 19, covering server registration, multi-tool setups, shared code patterns, and host-aware theming.

Photo of undefined

Dale Nguyen

Read Article
React Pwa Vite Web-development Offline Service-workers Workbox Performance

Building an Offline-First React App - A Complete Guide to PWA Implementation

A comprehensive guide to transforming a React + Vite application into a fully functional offline-capable PWA with service workers, caching strategies, and production deployment.

Dale Nguyen Read More →
Supabase Wordpress

Supabase WordPress Integration - OTP Email Verification & Passwordless Login

Implement modern OTP-based email verification and passwordless login in WordPress with SupaWP. Learn about 6-digit token verification for signup, smart unverified user flows, and passwordless authentication.

Dale Nguyen Read More →
Webrtc Javascript Canvas Video Browser-apis Performance Angular

Building QuickCap - A Loom Alternative with WebRTC and Canvas Composition

A deep dive into building a screen recording application with real-time webcam overlay, high-quality video recording, and local file saving. Explores WebRTC APIs, Canvas composition, browser limitations, and performance optimization challenges.

Dale Nguyen Read More →
Supabase Wordpress

Supabase WordPress Integration - Password Reset & Recovery

Enable secure password reset functionality in your WordPress site with SupaWP. Learn how to configure the forgot password flow with both email link and OTP options.

Dale Nguyen Read More →
Supabase Wordpress

SupaWP Extra Fields Guide - Customizing Signup Forms

Learn how to use SupaWP's extra fields feature to create custom signup flows by collecting additional user information during signup, including first name, last name, phone, and company data with flexible validation options.

Dale Nguyen Read More →
Supabase Wordpress

SupaWP Localization - Multi-Language Support for WordPress Authentication

Learn how to configure SupaWP's multi-language support to serve international users with Spanish, French, and Korean translations for all authentication forms and messages.

Dale Nguyen Read More →
Security Nodejs Github Devops Cybersecurity

How I Almost Got Pwned - A Tale of Supply Chain Attacks and GitHub Actions Gone Wrong

A developer's firsthand account of discovering a sophisticated supply chain attack targeting GitHub Actions and npm dependencies. Learn how the GhostAction campaign works and essential security practices to protect your projects.

Dale Nguyen Read More →
Nextjs Ai Gcp Fastify

Mastering Email Rate Limits - A Deep Dive into Resend API and Cloud Run Debugging

How we solved persistent rate limiting issues and implemented robust batch email functionality for our AI-powered learning platform. Learn about debugging Cloud Run, implementing intelligent rate limiting, and building reliable email delivery systems.

Dale Nguyen Read More →
Supabase Wordpress Tutorial Storage

SupaWP Storage Filter Hooks - Seamless Supabase Storage Integration for WordPress

Discover SupaWP Storage Filter Hooks - powerful WordPress filters that bring seamless Supabase Storage integration to your applications. Learn how to upload, manage, and organize files with enterprise-grade security and global CDN distribution.

Dale Nguyen Read More →
Nextjs Ai Gcp Fastify

Learn with Daily Mastery - From AI Generation to Email Delivery

Discover how to build a high-performance lesson scheduling system that processes thousands of users daily, generates personalized AI content, and delivers beautiful email lessons at precisely the right time. Learn about architecture, scaling, and real-world performance metrics.

Dale Nguyen Read More →
Nextjs Authentication Middleware Firebase Tutorial Ux

Fixing Next.js Authentication Redirects - Preserving Deep Links After Login

Learn how to preserve deep links and user intent in Next.js authentication flows. This comprehensive guide shows how to fix broken redirect behavior where users lose their intended destination after login, ensuring seamless user experiences in protected routes.

Dale Nguyen Read More →
Supabase Wordpress Tutorial Dashboard

Supabase WordPress Integration - Build a Custom Dashboard

Learn how to create powerful custom dashboards in WordPress using the SupaWP plugin and Supabase. This comprehensive guide covers dashboard creation, data filtering, and real-time updates for modern WordPress applications.

Dale Nguyen Read More →
Nextjs Tutorial Webdev Google-cloud Google-sheets

Building a Next.js Landing Page with Google Sheets Integration and Google Cloud Run Deployment

Learn how to build a modern Next.js 15 landing page that collects emails in Google Sheets and deploys seamlessly to Google Cloud Run. This comprehensive guide covers everything from setup to production deployment.

Dale Nguyen Read More →
Supabase Wordpress Tutorial Cms

Supabase WordPress Integration - Sync WordPress Posts and Pages to Supabase

Learn how to set up automatic synchronization between WordPress and Supabase using the SupaWP plugin. This comprehensive guide covers table setup, security policies, and real-time content delivery for modern applications.

Dale Nguyen Read More →
Leadership Tech-lead Career Soft-skills Simulator Angular

I Built a Leadership Simulator for Aspiring Tech Leads (And Why The Soft Skills Matter Most)

A leadership simulator that puts you in realistic Tech Lead scenarios before you actually have to face them. Practice soft skills and learn to navigate workplace politics.

Dale Nguyen Read More →
Angular Analogjs Ssr Firebase Typescript Nx

Building Production-Ready SSR Applications with Analog.js - Lessons from TechLeadPilot

A comprehensive guide to server-side rendering with Angular's modern meta-framework, featuring real-world examples from a job board application

Dale Nguyen Read More →
N8n Self-hosting Oracle-cloud Docker Automation

Mastering Automation - A Step-by-Step Guide to Deploying n8n on Oracle Cloud Free Tier

A comprehensive, step-by-step guide to deploying n8n on Oracle Cloud's Always Free Tier, including troubleshooting, SSL, Docker, and best practices for secure, cost-effective automation.

Dale Nguyen Read More →
N8n Mcp Ai-agents Automation

How to Start Your Own MCP Server with n8n

Learn how to launch your own Model Context Protocol (MCP) server and client directly from n8n, including a secure Gmail MCP server example—all without extra installation.

Dale Nguyen Read More →
N8n Self-hosting Cloudflare Security

Separate and Protect n8n Webhooks and MCP Endpoints from the Login UI

Learn how to securely self-host n8n by separating webhook endpoints and management UI, using Cloudflare Tunnel, subdomains, and access controls for maximum security and flexibility.

Dale Nguyen Read More →
N8n Ai-agents Self-hosting Cloudflare Docker

Free Self-Host AI Agent Workflows with n8n and Cloudflare Tunnel

Learn how to self-host n8n AI agent workflows for free using Docker and Cloudflare Tunnel. This guide shows you how to deploy powerful workflow automation locally with secure remote access, giving you full control and privacy while keeping costs minimal.

Dale Nguyen Read More →
Supabase Wordpress

Supabase WordPress Integration - Save Data to Supabase

This integration bridges the gap between WordPress’s popular CMS capabilities and Supabase’s modern backend services, empowering developers to build next-generation web applications efficiently.

Dale Nguyen Read More →
Angular Tutorial Gcp

Building PDF Open Source Services with Angular & GCP - PDF to Podcast

Welcome to the journey of building open source PDF service using Angular (Analogjs), Firestore, Cloud Storage, and CloudRun. This project serves as a platform for sharing my knowledge, continually learning best practices, and simultaneously contributing to the community.

Dale Nguyen Read More →
Supabase Wordpress

Supabase WordPress Integration - Enable Google Login

This integration bridges the gap between WordPress’s popular CMS capabilities and Supabase’s modern backend services, empowering developers to build next-generation web applications efficiently.

Dale Nguyen Read More →
Meal Planning Ai

SafePlate AI - Programmatically Post to Facebook

Managing food allergies and dietary restrictions can be frustrating and time-consuming, especially when you want to make sure every meal is safe and fits your nutrition goals. I realized there wasn’t a simple tool that could help me quickly identify safe foods and suggest meals tailored to my needs. So, I decided to build one myself.

Dale Nguyen Read More →
Supabase Wordpress

Supabase WordPress Integration - Save Users Data

This integration bridges the gap between WordPress’s popular CMS capabilities and Supabase’s modern backend services, empowering developers to build next-generation web applications efficiently.

Dale Nguyen Read More →
Meal Planning Ai

SafePlate AI - Building a Personal Solution for Safer, Smarter Meal Planning

Managing food allergies and dietary restrictions can be frustrating and time-consuming, especially when you want to make sure every meal is safe and fits your nutrition goals. I realized there wasn’t a simple tool that could help me quickly identify safe foods and suggest meals tailored to my needs. So, I decided to build one myself.

Dale Nguyen Read More →
Supabase Wordpress

Supabase WordPress Integration - SupaWP Plugin

This integration bridges the gap between WordPress’s popular CMS capabilities and Supabase’s modern backend services, empowering developers to build next-generation web applications efficiently.

Dale Nguyen Read More →
Angular Openai Open-source

Building EczEase with Cutting-Edge Tech - Build Landing Page

This innovative platform aims to transform the way people manage eczema and food allergies, leveraging the power of artificial intelligence and modern web technologies.

Dale Nguyen Read More →
Angular Openai Open-source

Building EczEase with Cutting-Edge Tech - Introduction

This innovative platform aims to transform the way people manage eczema and food allergies, leveraging the power of artificial intelligence and modern web technologies.

Dale Nguyen Read More →
Angular Webdev Portfolio

The Final (For Now) Setting for My Personal Blog as a Dev

As developers, we often find ourselves in a cycle of continuous improvement, especially when it comes to our personal projects. For me, revamping my personal blog has become a recurring theme, each iteration serving as a valuable learning experience.

Dale Nguyen Read More →
Angular Tutorial Gcp

Building PDF Open Source Services with Angular & GCP - PDF AI Chat

Welcome to the journey of building open source PDF service using Angular (Analogjs), Firestore, Cloud Storage, and CloudRun. This project serves as a platform for sharing my knowledge, continually learning best practices, and simultaneously contributing to the community.

Dale Nguyen Read More →
Angular Tutorial Gcp

Building PDF Open Source Services with Angular & GCP - Handling long processing tasks

Welcome to the journey of building open source PDF service using Angular (Analogjs), Firestore, Cloud Storage, and CloudRun. This project serves as a platform for sharing my knowledge, continually learning best practices, and simultaneously contributing to the community.

Dale Nguyen Read More →
Angular Tutorial Gcp

Building PDF Open Source Services with Angular & GCP - Deploy Services to Cloud Run

Welcome to the journey of building open source PDF service using Angular (Analogjs), Firestore, Cloud Storage, and CloudRun. This project serves as a platform for sharing my knowledge, continually learning best practices, and simultaneously contributing to the community.

Dale Nguyen Read More →
Angular Tutorial Gcp

Building PDF Open Source Services with Angular & GCP - Architecture Overview

Welcome to the journey of building open source PDF service using Angular (Analogjs), Firestore, Cloud Storage, and CloudRun. This project serves as a platform for sharing my knowledge, continually learning best practices, and simultaneously contributing to the community.

Dale Nguyen Read More →
Angular Tutorial Webdev

Angular functional router guard and testing with inject()

In Angular, guards are a fundamental feature that protects routes within an application. Guards check if certain conditions are met before allowing users to access specific routes. Guards can be used for authentication and authorization, role-based access control, feature flag checks, and more.

Dale Nguyen Read More →
Angular Firebase Stripe Tutorial Webdev

Ultimate Local Development Setup with Angular, Firebase & Stripe

Building an eCommerce website is a complicated task. Especially when you have different services that need to communicate with each other. Here is the scenario where you don't have everything ready locally for development.

Dale Nguyen Read More →
Angular Heroku Github Tutorial Webdev

Why I Moved My Website From Github Pages to Heroku - with a Cost

As you may or may not know, I built my personal website as a Single Page Application (SPA) with the Angular framework and hosted on Github Pages. Everything works great until I integrated a Blog feature on my personal website. Things were getting ugly for search engine optimization (SEO) and social media preview.

Dale Nguyen Read More →
Angular Testing Cypress Tutorial Webdev

Angular End To End (e2e) Testing With Cypress.io

An End to End Test is a methodology used to test an application from a user's perspective. It ensures that the application behaves as expected from the beginning to the end.

Dale Nguyen Read More →
Angular Tutorial Webdev

Update Angular to Version 9

This is a new year project: update my personal website from Angular 8x to Angular 9. The process is very easy with only 2 commands from @angular/cli. You can check the guide from the Angular website.

Dale Nguyen Read More →
Webdev Tutorial Cms

Create Your Own Blog with ButterCMS

I wrote a bunch of articles, and somehow I wanted to have a blog on my personal website. I tried to get posts from DEV.TO and display them on my personal website, and it worked perfectly well. However, DEV.TO is a platform for software engineer sharing experience only, and I want more than that.

Dale Nguyen Read More →
Webdev Tutorial Api

Create Your Own Blog with DevTO API

It's quite an interesting platform where programmers share ideas and help each other grow. It is an online community for sharing and discovering great ideas, having debates, and making friends. Anyone can share articles, questions, discussions, etc. as long as they have the rights to the words they are sharing. Cross-posting from your own blog is welcome - quote from the About page.

Dale Nguyen Read More →
Webdev Tutorial Angular Github

Create Your Website For FREE with Github Pages - Angular

In the previous post, I show you how to do some research in order to have a glimpse of how to research for your own website - such as a portfolio website. Today, you will know to create a sample Angular site and host in on Github Pages.

Dale Nguyen Read More →
Webdev Career Beginners

Want to build a career in TECH? - start with your WEBSITE!

Your personal website always belongs to you. It's the best and easiest investment that you could make. Why do I say that? It's because If you are still in school - your website is your portfolio. And if you're working - your website is your portfolio and branding.

Dale Nguyen Read More →