All Posts

If you're using a full-text search with MongoDB and filtering out soft-deleted or duplicate records using fields like removed: { $exists: false } and dupSlug: { $exists: false }, you might wonder: should I index those fields for performance?

If you're dealing with long, unbreakable strings like swim meet names that have no spaces, overflow-wrap: anywhere is a simple CSS fix that ensures your layout stays intact. It tells the browser to break text at normal points first, but if no breaks are found, it will force a break anywhere to prevent overflow. This is especially useful for mobile layouts, tables, or cards where long names can otherwise stretch or break the design.

For nearly three years, SwimStandards.com has quietly had a problem that I didn’t realize until recently: Googlebot was failing to crawl www.swimstandards.com due to an SSL error. I always assumed everything was working fine because: I only use https://swimstandards.com Google Search Console didn’t report any errors for the root domain

To protect against server failure, data loss, or accidental changes, I’ve automated daily backups of my web app — including both the MongoDB database and NodeBB forum files — and synced them securely to Google Drive using rclone.

If you're running a modern web app like Next.js, React, or Vue, you've probably noticed something strange in your AdSense dashboard: Page views are way lower than expected, but ad impressions seem fine. This isn’t a bug — it’s how AdSense works (or more accurately, how it doesn’t work with SPAs).

On May 28, I reviewed 20 minutes of live traffic logs from my website to evaluate whether my 2-core server could keep up with demand. The data showed over 13,000 requests — roughly 11 per second — with a mix of bot and real user traffic hitting SSR pages and API routes. While the server handled it, signs of strain appeared: spikes in TIME_WAIT, socket hang-up errors, and MongoDB lag. The conclusion? My setup is nearing its safe limits. Upgrading to 4 cores or offloading some processing (e.g., MongoDB or caching) may be necessary to maintain performance and stability as traffic grows.

When deploying Node.js applications with PM2, it’s important to understand how cluster mode, instances, and CPU cores interact — especially when you’re combining multiple apps like a Next.js frontend and a Feathers.js backend. This post breaks down the core concepts and lessons learned from setting up next-dna and feathers-dna with PM2 cluster mode.

In late May, my website faced severe performance issues—high server load, 'socket hang up' errors, and slow responses. Initially, I suspected new ad scripts, but removing them didn’t help. After days of debugging—adjusting Axios timeouts, blocking bots, optimizing the database, and disabling heavy features—I found the root cause. This post shares the steps I took

Just discovered a 3-year-old bug in my Feathers.js service: I was calling await setModel(...), but forgot to return a Promise inside setModel. The result? Queries sometimes hit the wrong MongoDB collection due to race conditions. It worked most of the time — until I checked the slow query logs. One missing return caused years of silent issues. Fixed now, and performance is back. Lesson learned.

To reduce high SYN_RECV and TIME_WAIT states on our Next.js + Feathers.js server, we enabled HTTP keep-alive in Axios, monitored socket usage, and adjusted system settings (tcp_syncookies=1, somaxconn=1024). While keep-alive helped reduce overhead, increasing somaxconn didn’t clearly improve results and may need to be reverted. Final tuning may also depend on upstream traffic and reverse proxy behavior.

Using { field: null } in MongoDB queries is often more efficient than { field: { $exists: false } }, because it allows the query to leverage indexes and avoid costly document fetches. We improved performance by switching from $exists: false to isWeak: null and updating the index to include isWeak, reducing query time from over 2 seconds to under 40ms. $exists is still safe in text search filters, but for most use cases, null is the better choice for speed and index optimization.

A quick explanation of the “431 Request Header Fields Too Large” error, what causes it (often oversized cookies), how users can fix it by clearing site data, and what we’re doing to prevent it in the future. This guide is especially useful if you encountered the issue on SwimStandards or any site using modern ad consent scripts.

This post explains a common MongoDB authentication mistake: using the wrong authSource in your connection string. It shows why your CLI login may work while your app fails, how to properly set authSource, whether you need the /database path in the URI, and how to avoid hidden auth errors in PHP, Node.js, or any MongoDB client.

This post explains why Nginx PHP rewrites using regex-based location ~ blocks often fail — causing .php files to download instead of execute. It walks through a reliable no-regex solution using prefix-based locations and shows how to fix the regex approach by adding folder-specific .php handlers. Ideal for anyone implementing clean URLs in PHP with Nginx.

This post explains why we dropped support for mongodb/mongodb 1.x in favor of ^2.0, and the challenges of supporting multiple versions in an open-source PHP library. It highlights a key limitation of Composer: even if your composer.json allows multiple versions, composer.lock can only lock one. We walk through the trade-offs, the reasoning behind our decision, and best practices for maintaining compatibility across environments.

A scheduled launchd job using scp failed to complete because macOS went to sleep mid-transfer, interrupting the connection. Adding caffeinate -s to the job prevented system sleep during execution, resolving the issue and ensuring all files transferred reliably.

When working with Git, merging branches is a fundamental part of collaboration. But not all merges are the same. There are three main merge strategies you can use, and each one impacts your repository history differently.

When working in a Git-based development team, especially in real-world projects, understanding how to manage branches and history is essential. This post explains the practical use of merge, rebase, and squash, as well as how to use demo or staging branches for safer and more flexible workflows.

Working with interactive data visualizations in React is incredibly powerful, especially when using Chart.js via react-chartjs-2. But it can also be tricky—especially when performance and usability are key. In this post, we’ll break down how to build a performant and maintainable chart component with features like: Zooming and panning Data point navigation Tooltips and highlight syncing Let’s walk through how we solved performance issues, structured custom hooks, and handled state transitions cleanly.

If you've ever seen this ESLint warning: React Hook useEffect has a missing dependency: 'yourFunction'. Either include it or remove the dependency array. You're not alone — and you're probably asking: Why is this happening? Why does it behave differently in a component vs. a custom hook? And do I really need to use useCallback() here? Let’s break this down clearly.