All articles
100 posts and counting. Filter by topic or source if you know what you're after.
Building a Website in 2026: What Matters More Than Your Tech Stack
For years, developers have debated which technology stack was best for building websites. Some preferred React. Others chose Vue, Angular, Svelte, or server-side frameworks such as Laravel and Django.
How to Run Private Text-to-Speech on Your Own Hardware Using QVAC
When I was putting the final touches on QuizRope, an educational mobile app I built that uses LLMs for real-time tutoring and homework assistance, I knew the next logical step was voice. Reading text
Mastra vs LangChain: Building an AI Agent Pipeline and Analyzing the Data
A week ago, I saw this tweet: I had just shipped SupportMesh, a multi-tenant AI support platform built on Mastra, so I had opinions from production. I liked the .dowhile() loop, the typed step schem
How Large-Scale Platforms Handle Millions of Daily Transactions
Every day, millions of people order food, stream videos, send messages, book rides, make payments, and shop online. Most of these actions take only a few seconds from the user's perspective. A user cl
The Saga Pattern in Node.js: How to Roll Back Distributed Transactions Across Microservices
Building reliable workflows across multiple microservices is challenging. In a monolith, a database transaction can ensure that multiple operations either succeed or fail together. But once data is sp
How to Build a Browser-Based PDF Crop Tool Using JavaScript
PDF files often contain unwanted margins, blank spaces, scanner borders, page headers, page footers, or unnecessary content around the main document area. Cropping allows users to remove these unwante
Geopolitical Risk Isn't One Thing. I Built a Python Framework to Prove It
On April 3, 2025, the US announced sweeping tariffs on Chinese imports. SPY dropped 4.8% that day. The next day, it dropped another 6%. Financial news ran the usual headline: markets rattled by geopol
Building Knowledge Graphs with Gemini
✨ Overview In this exploration, we'll see how to turn raw, unstructured documents into...
Dev Opportunity Radar #3: Neo Scholars, a $2M AI Challenge, and an $85K AI Fellowship
TL;DR Welcome back to Dev Opportunity Radar. This is a weekly series where I share opportunities,...
IOS Midsommer Madness
This is a submission for the June Solstice Game Jam Your Iphone can now celebrate the Solstace! When...
Why I still teach Singleton even though modules make it redundant
Ask any developer what design pattern they know best and Singleton comes up first. Ask the same group...
How to Build a Case Converter Tool Using HTML, CSS, and JavaScript
If you're looking to level up your front-end development skills by building a practical web utility, this is the guide for you. We'll code a fully functional Case Converter Tool from scratch using onl
[Hands-on Gemini 3.5 Live
Brand New API Unveiled: Gemini 3.5 Live Translate On June 9, 2026, Google officially...
[AI Practice] Building blazing-Fast AI Mac OS App with Antigravity CLI
Foreword: A Developer's New Collaboration Model Imagine this scenario: you are...
What was your win this week?
👋👋👋👋 Looking back on your week -- what was something you're proud of? All wins count -- big or small...
WordPress.org now distrusts my commits by default. As a plugin author, I think that’s right.
I committed a new version of my plugin to SVN and got a message I hadn’t seen before: this version...
Resolving WSL Friction with Google Antigravity: the Agy 2.0 and Agy IDE Edition
Resolving Friction Last year when the very cool Google Antigravity (Agy) was first...
From Flutter to Backend: How to Build Production-Grade REST APIs with Dart and Dart Frog
Dart backend frameworks exist on a spectrum. At the minimal end sits Shelf, with raw primitives and full control. You wire everything yourself. At the maximal end sits Serverpod. It's a full framework
How to Scale Laravel Applications for High-Traffic Production Systems
Your first scaling problem rarely arrives with a bang. For a while, everything is fine: pages load fast, the database barely breaks a sweat, and the team ships features without thinking much about inf
CSS 'overscroll-behavior' rubber banding: the right color behind the page when you pull it
I think you all know the overscroll rubber-banding effect: when you scroll past the end of a page, or...
The AI Addiction Nobody Is Talking About
There is a particular kind of restlessness spreading through the tech world right now. It is not...
Heterogeneous Pythonic language in your pocket
Hello everyone 👋, I am Amr Hesham, and I am very passionate about Compilers, Languages, and building...
Your Vibe-Coded App Works. Is It Any Good?
TL;DR - Getting an app to run is now the easy part. AI is very good at producing something that...
Frontend System Design: Designing a Collaborative Whiteboard
A walkthrough of designing a real-time collaborative whiteboard from a blank page to a production-ready architecture.
Congrats to the Google I/O 2026 Writing Challenge Winners!
We are so excited to announce the winners of the Google I/O 2026 Writing Challenge! We asked you to...
Virtual Coffee Needs Your Help
Virtual Coffee has always been a free, volunteer-led developer community supporting the tech...
Why New Language Features Need to Target AI Agents, Not Developers
AI agents are writing our production code. It's time to stop designing syntax sugar for humans and start optimizing languages for bots.
Lessons Learned: Deployment Trade-offs with Gemma4, NVIDIA L4, Cloud Run, and Antigravity CLI
This article provides a step by step guide for debugging a Gemma 4 model to a Google Cloud Run hosted...
My daughter asked if developers used to write code by hand, but it was the follow-up question that surprised me.
My daughter, who's 11, has been doing some vibe coding. The other day she looked over my shoulder...
Celebrate June rituals with Solstice Bingo!
This is a submission for the June Solstice Game Jam Before we dive into technicalities, let me make...
Go Packages and Modules explained
What is a package? In Go, every Go program is made up of packages. A package is a...
Mastering Self-Hosted Convex: A Complete Deployment Guide
Stop struggling with custom scripts and learn the professional way to deploy Convex functions to your own server using the official CLI.
Deployment Planning with Gemma 26B, NVIDIA L4, MCP, Cloud Run, and Antigravity CLI
This article provides a step by step debugging guide for deploying Gemma 4 to a Google Cloud Run...
G4 Fractional VMs are now available on Google Cloud!
In 2025 Google Cloud added G4, powered by NVIDIA's RTX PRO 6000 Blackwell Server Edition GPUs to...
CSS – only a Nerdy Hobby?
In times when people believe that "AI can code a website in 2 days" (see: how to leverage AI as a...
Debugging Deployments with Gemma 12B, NVIDIA L4, MCP, Cloud Run, and Antigravity CLI
This article provides a step by step debugging guide for deploying Gemma 4 to a Google Cloud Run...
Claude Fable 5 is Now Generally Available on Google Cloud! 🚀
Good news for Claude devs deploying on Google Cloud. Claude Fable 5, Anthropic’s latest frontier...
Google Antigravity SDK: The developer guide
The Google Antigravity SDK is a Python framework for building and running autonomous agents. It...
Antigravity Managed Agents Tutorial: Ship Production AI Agents
If you’ve tried building AI applications, you often face a familiar engineering wall. It goes like...
Gubernator visual schema.
Excited to share the latest feature built for Gubernator (gbnt): Visual Stack Topology &...
TanStack Start Is Kind of a Big Deal
Introduction People keep telling me TanStack Start is kind of a big deal, and I wanted to...
It's Time We All Eat some more Cucumber!
Everyone's writing specs for AI now. We hand the model a markdown file, tell it what we want, and...
The agent that fixes bugs by running the code
Why harness engineering, not better models, is the next frontier in AI-assisted coding. The runtime evidence loop that turns confident guesses into actual fixes.
You’re a Real TypeScript Developer Only If...
A few months ago, I published You're a Real JavaScript Developer Only If... It was just a post for...
I tried to make an AI agent answer more. It answered less.
If you build or evaluate scoped agents: any talk about the agent in your test context makes it defend...
How to Build a Browser-Based PDF Metadata Editor Using JavaScript – A Step-by-Step Guide
PDF files contain more information than what appears on the page. Behind every PDF document is metadata that stores information such as the document title, author, subject, keywords, creator applicati
Two Devs and a Copilot Created ClassifierAI: A Prototype Chrome Extension that Automatically Detects AI-Generated Content on DEV!
This is a submission for the GitHub Finish-Up-A-Thon Challenge Note: AI is currently a Hot Topic in...
Dystopian Civilization Scenarios
Gaming, like AI, is far from what fascinates me most about technology and creative development....
Retour sur le Google I/O 2026 | Focus Antigravity 2.0
En mai, la très attendue conférence Google I/O a eu lieu et le mot d’ordre, et ce n’est pas trop une...
Seamless scaling with VPA In-place Pod Resize on GKE
Learn how VPA In-place Pod Resize can help seamlessly vertically scale workloads on Google Kubernetes Engine (GKE).
How Attribute-Based Access Control Helps You Write Better Authorization Rules
Every application that handles user data eventually hits the same problem: not all users should see the same things. A junior nurse should not be able to access every patient record in the hospital. A
Backend Challenges Teams Face When Processing Repeat Payments
Modern payment systems look simple from the outside. A user clicks a button, enters payment details, and money moves from one account to another. But once payments happen repeatedly rather than once,
How to Preprocess Medical Images for Machine Learning – A Guide Using Chest X-Rays
Working with healthcare data introduces preprocessing challenges that go beyond those you might encounter with structured data. Some familiar techniques still apply, while others look very different o
Kaggle is making AI benchmark creation effortless
As AI models evolve from simple chatbots into reasoning agents that write code, use tools and solve...
Extending a MCP/A2A Currency Agent with A2UI
Building an Agent with A2A, MCP, ADK, and A2UI This tutorial aims to extend and test a...
Join the June Solstice Game Jam: $1,000 in prizes!
We're excited to kick off the June Solstice Game Jam, running from June 3 through June 21 and ending...
Am I Becoming Too Slow for the AI World?
The AI world is full of old infrastructure with stochastic organs. That sentence probably explains...
How to Understand the Safe Integer Limit in JavaScript
According to the Stack overflow technology survey in 2025, JavaScript is one of the most widely used programming languages in the world. We use it to build frontend applications, backend services, pay
How to Automate PDF Data Extraction Using Python
PDFs are still one of the most widely used document formats in business. Financial reports, invoices, contracts, compliance filings, and operational documents are often shared as PDFs because they pre
How to Build a Browser-Based PDF Organizer Tool Using JavaScript
PDF files often become difficult to manage when pages are out of order, scanned incorrectly, duplicated, or spread across multiple documents. Instead of manually recreating the document, users often n
Stop writing prompts to classify text: make evaluation declarative
I've built the same thing more than once: a step that reads an inbound message — a lead form, a...
Strategies for running AI workloads on GKE without committed quota
Learn different strategies to use hard-to-get hardware accelerators with Google Kubernetes Engine (GKE).
Beyond NVIDIA: Where the AI Infra Trade Actually Shows Up
The AI capex trade is usually discussed like one clean idea. Capex simply means capital expenditure, or the money companies spend on long-term assets like data centers, chips, servers, power systems,
How to Build a PDF Page Numbering Tool in the Browser Using JavaScript
When you're working with contracts, reports, invoices, manuals, or academic documents, page numbers make navigation much easier. Instead of manually editing every page, modern JavaScript libraries let
Build Professional Web Scrapers That Actually Work
Web scraping has evolved. If you’ve ever tried to pull data from a site, only to be hit with a CAPTCHA, an IP ban, or a "403 Forbidden" error, you know that modern websites are built to block automate
🦄 Modernizing Wild Rydes with modern technologies
How I rebuilt the classic AWS Wild Rydes serverless app with Terraform, GitHub Actions, S3 + CloudFront, OIDC, and a modern Vite frontend — no console required.
The Software Developer's Guide to AEO
When I was writing code full-time five years ago, I Googled error messages, opened five tabs, and...
Production RAG with LangChain & Vector Databases
Master the transition from simple prototypes to production-grade RAG systems by addressing the critical scaling, debugging, and security challenges that standard tutorials often ignore. We just posted
Broken Software
Series of posts about broken software. Short stories. Today, Firefox. Turns out to be that closing...
How to Use Bash & Python for Real DevOps Automation – Full Handbook with 5 Production Use Cases
Automation scripts often validate process completion instead of system health. A Kubernetes pod can be running while the application inside it can't authenticate to the database. A Terraform deploymen
How to Build a Browser-Based PDF Rotator Using JavaScript
Sometimes PDF pages appear upside down, sideways, or in the wrong orientation after scanning or exporting documents. Instead of re-creating the document manually, users usually just need a quick way t
How Are Developers Actually Using AI At Work?
JSNation is coming soon, and besides my talk (I’ll drop the link in the comments so I don’t spam you...
Azure Cloud Shell with Antigravity CLI
This article covers the initial setup and configuration for the Antigravity CLI on the Azure Cloud...
Think Like the JavaScript Engine
Most developers learn JavaScript by memorizing rules and copying framework patterns. But when a weird production bug hits or a senior engineer asks a deep architectural question during an interview, s
How to Build a Browser-Based PDF Watermark Tool Using JavaScript
PDF watermarks are commonly used for branding, document protection, approvals, confidential files, and internal document tracking. Whether it’s adding a company logo, a “CONFIDENTIAL” label, or a draf
How to Clean Time Series Data in Python
Real-world time series data is rarely clean. Sensors drop out, systems clock-drift, pipelines duplicate records, and manual data entry introduces mistakes. By the time a dataset reaches your notebook,
How to Build a Calculator with Tkinter in Python
In this tutorial, you'll learn how to create a simple arithmetic calculator in Python with Tkinter. The project will be one of your first steps towards building an actual GUI in Python. This is a hand
How to Build an Autonomous OSINT Agent in Python Using Claude's Tool Use API
When I started studying OSINT, I always felt I was just putting random values into software without deeply understanding what I was doing. After months in the field, I realized I wasn't really investi
How to Build a Browser-Based PDF to Image Converter Using JavaScript
Whether it’s invoices, scanned documents, reports, certificates, or receipts, users often need to convert PDF pages into image files quickly. Modern browsers make this much easier than before. Instead
How to Build Optimal AI Agents That Actually Work – A Handbook for Devs
Since moving to Silicon Valley in 2025, I've seen AI everywhere. And after I attended NVIDIA GTC 2025, one thing became very clear from many conversations I had: most companies now have AI agents runn
How to Convert Images to PDF in the Browser Using JavaScript – A Step-by-Step Guide
Whether it’s scanned documents, screenshots, receipts, notes, certificates, or multiple photos, users often need a quick way to combine images into a downloadable PDF. Modern browsers make this much e
How to Build a Live Options Database in Python – A Complete Guide
Live options analytics change constantly. Implied volatility shifts, Greeks drift, and the shape of the surface can look different even a few minutes later. But a lot of teams still treat these number
How to Build a Market Research Copilot with MCP and Python [Full Handbook]
Most financial AI tools are good at one thing: summarizing a stock. You ask about Apple, NVIDIA, or Tesla, and they give you a clean overview of price action, a few ratios, and maybe some company cont
How to Build a Scoped Note-Taking API with Django Rest Framework and SimpleJWT
If you've built a Django API and you're wondering how to add authentication so that each user can only access their own data, you're in the right place. Most Django tutorials teach you session-based a
Mastering the JavaScript Event Loop
JavaScript is famously single-threaded, yet it powers highly complex, interactive web applications without freezing up. How is this possible? The answer lies in the Event Loop. The Event Loop is a cor
How to Compress PDF Files in the Browser Using JavaScript (Step-by-Step)
PDF files are everywhere. From invoices and reports to résumés and documents, they’re one of the most common file formats we deal with. But there’s a common problem: PDFs can get large quickly. If you
How to Split PDF Files in the Browser Using JavaScript (Step-by-Step)
Working with PDFs is part of everyday development. Sometimes you don’t need the entire document. You just need a few pages — maybe a specific section, a report summary, or selected invoice pages. Most
How to Build a Full-Stack SaaS App with TanStack Start, Elysia, and Neon
Most full-stack React tutorials stop at "Hello World." They show you how to render a component, maybe fetch some data, and call it a day. But when you sit down to build a real SaaS application, you im
How to Design a Type-Safe, Lazy, and Secure Plugin Architecture in React
Modern web applications increasingly need to evolve faster than a single team can maintain a monolithic codebase. Product teams often want to add features independently, experiment with new capabiliti
Common React Mistakes to Avoid
By Scott Gary React is a highly popular and powerful JavaScript library for user interface development. Its component-based architecture, combined with its declarative nature, is one of the primary re…
How to Use React's Context API – Tutorial with Examples
In React, data is typically passed down from parent to child via props. But this can lead to "prop drilling" – where we have to pass props down through lots of components to get them where they're nee…
What's the Difference Between the useMemo and useCallback Hooks?
React provides various hooks that make it easier to manage application state and other React features in functional components. Hooks provide class component features to functional components, and the…
How to Upgrade from Node 16 and Jest 26 While Staying on React Scripts 4
Recently, I was trying to upgrade some of my open source projects. They were made using create-react-app around 2019, and I wanted to upgrade to a newer version of NodeJS and Jest. This would let me t…
How to Build a Counter Button with React, TailwindCSS, and TypeScript
How can you keep track of the number of times a user clicks a button? How are the hearts on Instagram or the likes on Facebook counted? In this tutorial, we will build a button that tracks the number…
Data Flow in Redux Explained – A State Management Handbook
In complex React applications, managing application state effectively can become a challenge. This is where Redux, a predictable state management library, steps in. By introducing a unidirectional dat…
React 19 Actions – How to Simplify Form Submission and Loading States
React 19 introduces Actions, which are asynchronous functions. Actions are helpful in making form submissions easier. This tutorial dives into what Actions are and how to use them. You'll learn about:…
How to Create Infinite Scrolling in React Using the Intersection Observer API
Hi fellow developers! Have you ever wondered how social media apps like Facebook and Instagram keep you scrolling endlessly through your feed? This user experience, designed to load new content on dem…
How to Validate Forms in React and React Native Using Yup and Formik
Validation is a key part of development, regardless of what programming language you’re writing. Developers should always be validating user input, API parameters, and retrieved values. One of the mos…
What are Controlled and Uncontrolled Components in React.js?
In React.js, managing form inputs and user interactions is a crucial part of building dynamic web applications. Two key concepts that developers need to understand are controlled and uncontrolled com…
How to Enhance Embedded Links in React with Microlinks
The web has evolved from rigid color coding and 2D rendering to an era of complex, aesthetically pleasing animations and 3D rendering options. There have also been integrations with new technologies,…