Welcome to my collection of thoughts, ideas, and discoveries. Hope you find something inspiring!
A green build does not prove a UI change works. Here is what screenshots, screencast clips and DOM checks each prove, how to make them with a browser automation tool and ffmpeg, and real evidence captured from this site - including two failures the contact sheet caught that every assertion missed.
WebMCP lets your app publish its own actions as typed tools, so Claude Code calls add_chart_series instead of hunting for a button. Here is the exact config for chrome-devtools-mcp, how to register tools, what you gain over DOM scripting - and the five things you give up.
Dale NguyenRead More →
Open a second Claude Code terminal in the same repo and the browser stops working. Here is a wrapper that gives every session its own Chrome profile, the two subtle ways the "is it already in use?" check gets written wrong, and why isolation leaves every agent logged out - plus the one-shared-browser wrapper that fixes that.
Dale NguyenRead More →
A merge to main should ship the services that merge touched, and nothing else. The whole pipeline — keyless GitHub-to-Google auth, one deploy target per app, and the dependency-graph work that makes "affected" trustworthy.
Dale NguyenRead More →
Which Google surfaces Product JSON-LD and a Merchant Center feed each make you eligible for — organic rich results, the Shopping tab, AI Mode — and the report I should have opened first, which said 5 of my 436 pages were indexed.
Dale NguyenRead More →
Delegating frontend work to a coding agent quietly removes the one verification step nobody ever wrote down — the human glance. Here's why code review can't recover it, and how your job shifts from writing the styling to measuring the render.
Dale NguyenRead More →
An ecommerce site can score 100 on SEO and accessibility, report a sub-second LCP, and still waste hundreds of kilobytes on every visit and compete with itself in search. Here's where the biggest wins actually hide — in the headers, status codes, and platform defaults nobody grades.
Dale NguyenRead More →
What durable execution means, why retries and cron jobs alone fall short, and how Temporal's workflows, activities, and workers fix it — walked through with a real, runnable Python demo.
Dale NguyenRead More →
How LogiChat rebuilt its bot-training pipeline on Google ADK + Vertex AI + Firestore — the architecture, the pre-model retrieval pattern, and the Q&A fallback that keeps customers whole during the migration.
Dale NguyenRead More →
A webhook handler acknowledged instantly, but the job it triggered showed up minutes late — or never. The culprit: CPU throttling on request-billed serverless.
Dale NguyenRead More →
Vibe coding for non-coders is here. For teams that ship software for a living, the question is no longer whether AI writes code — it's what kind of agent your company should own.
Dale NguyenRead More →
Setting a length limit on AI output doesn't guarantee it fits where it's going. Why LLM/agent responses still get truncated, split, or dropped — and how to budget the whole pipeline so nothing bleeds.
Dale NguyenRead More →
A field-tested playbook for getting machine-readable output from LLMs — three tiers of structured output, treating model output as untrusted input, the recovery layers you'll delete, and the GCP org-policy wall behind the real fix.
Dale NguyenRead More →
A coding agent is a loop around one primitive — a tool call. Build the whole core from scratch in Python, running on a local Ollama model or NVIDIA's free NIM tier, with no Anthropic key required.
Dale NguyenRead More →
Eight failing Lighthouse audits, four categories short of 100. Here is the exact fix for each one — including the scroll-deferral trap that burns most developers.
Dale NguyenRead More →
Step-by-step guide to mounting live Angular components into AnalogJS markdown posts — no central registry, co-located manifests, SSR-safe, zero style leaks.
Dale NguyenRead More →
One model run two ways on an M4 Pro, with live charts. Is MLX faster than Ollama? Does TurboQuant's "5x less memory" claim hold up? The answer hides in the model's architecture.
Dale NguyenRead More →
Pi (pi.dev) is an explicit, configurable agent harness where every layer is swappable. Here is what that means in practice and why it matters.
Dale NguyenRead More →
A practical guide to replacing cloud AI APIs with a local Ollama server running qwen3-coder:30b — connecting Codex CLI, Claude Code, Cursor, and Pi to your own hardware.
Dale NguyenRead More →
Run a local LLM behind an OpenAI-compatible endpoint on hardware you already own, call it from the OpenAI SDK, and understand the stateless contract that underpins every AI API.
Dale NguyenRead More →
Hermes Agent is an open-source AI agent with a built-in learning loop. Here are the free model providers you can plug into it to get started without paying for Claude or GPT-4.
Dale NguyenRead More →
How to set up Zo Computer as your primary personal assistant and Hermes as a second autonomous agent, creating a practical division of labor for life admin, creative work, and parallel tasks.
Dale NguyenRead More →
A production walkthrough of securing a Python MCP server with Firebase Authentication, covering dual token types, OAuth 2.0 flow, ContextVar isolation, and Workload Identity.
Dale NguyenRead More →
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.
Dale NguyenRead More →
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 NguyenRead More →
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 NguyenRead More →
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 NguyenRead More →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 NguyenRead More →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 NguyenRead More →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 NguyenRead More →
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 NguyenRead More →
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 NguyenRead More →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 NguyenRead More →
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 NguyenRead More →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 NguyenRead More →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 NguyenRead More →
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 NguyenRead More →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 NguyenRead More →
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 NguyenRead More →
A comprehensive guide to server-side rendering with Angular's modern meta-framework, featuring real-world examples from a job board application
Dale NguyenRead More →
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 NguyenRead More →
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 NguyenRead More →
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 NguyenRead More →
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 NguyenRead More →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 NguyenRead More →
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 NguyenRead More →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 NguyenRead More →
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 NguyenRead More →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 NguyenRead More →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 NguyenRead More →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 NguyenRead More →
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 NguyenRead More →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 NguyenRead More →
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 NguyenRead More →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 NguyenRead More →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 NguyenRead More →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 NguyenRead More →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 NguyenRead More →
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 NguyenRead More →
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 NguyenRead More →
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 NguyenRead More →
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 NguyenRead More →
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 NguyenRead More →
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 NguyenRead More →
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 NguyenRead More →
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 NguyenRead More →
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 NguyenRead More →