Insights & Ideas From the Blog

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

Posts by year

53 posts total
7
2020
2
2023
3
2024
30
2025
11
2026
All-Green Lighthouse: How I Fixed Every Audit on My AnalogJS Blog
Analogjs Angular Performance Accessibility Seo Lighthouse Jun 14, 2026· 13 min read

All-Green Lighthouse: How I Fixed Every Audit on My AnalogJS Blog

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 NguyenDale Nguyen Read Article
Ai-agents Ai-engineering
9 min read

Pi: The Agent Harness That Gets Out of Your Way

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 →
Ai Llm
4 min read

Local-first: a Model on Your Own Machine, Zero Cloud

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 →
Ai Agents
5 min read

Free Model Providers to Use with Hermes Agent

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 →
Angular Mcp
5 min read

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.

Dale NguyenRead More →
Webrtc Javascript
8 min read

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 NguyenRead More →
Supabase Wordpress
4 min read

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 NguyenRead More →
Nextjs Ai
6 min read

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 NguyenRead More →
Nextjs Authentication
3 min read

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 NguyenRead More →
Supabase Wordpress
2 min read

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 NguyenRead More →
N8n Mcp
3 min read

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 NguyenRead More →
N8n Ai-agents
4 min read

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 NguyenRead More →
Supabase Wordpress
3 min read

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 NguyenRead More →
Angular Tutorial
2 min read

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 NguyenRead More →
Supabase Wordpress
3 min read

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 NguyenRead More →
Meal Planning Ai
3 min read

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 NguyenRead More →
Supabase Wordpress
3 min read

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 NguyenRead More →
Meal Planning Ai
4 min read

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 NguyenRead More →
Supabase Wordpress
2 min read

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 NguyenRead More →
Angular Openai
5 min read

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 NguyenRead More →
Angular Webdev
3 min read

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 NguyenRead More →
Angular Tutorial
2 min read

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 NguyenRead More →
Angular Tutorial
2 min read

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 NguyenRead More →
Angular Tutorial
2 min read

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 NguyenRead More →
Angular Firebase
2 min read

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 NguyenRead More →
Angular Heroku
1 min read

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 NguyenRead More →
Angular Testing
2 min read

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 NguyenRead More →
Angular Tutorial
1 min read

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 NguyenRead More →
Webdev Tutorial
1 min read

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 NguyenRead More →
Webdev Tutorial
2 min read

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 NguyenRead More →
Webdev Tutorial
2 min read

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 NguyenRead More →
Webdev Career
3 min read

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 NguyenRead More →