
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.
Welcome to my collection of thoughts, ideas, and discoveries. Hope you find something inspiring!

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.

Step-by-step guide to mounting live Angular components into AnalogJS markdown posts — no central registry, co-located manifests, SSR-safe, zero style leaks.
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.

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.

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.

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.

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.

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.

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.

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.

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

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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

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

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.

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.

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.

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.

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.
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.
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.
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.
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.
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.
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.
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.
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.
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.