All Posts

A repeating radial-gradient that looked great in design turned my page into a laggy mess. Here is how I tracked it down and fixed it with an inline SVG data URI — zero visual difference, smooth 60fps scrolling.

How a simple destructuring pattern removed redundant translation objects from API responses, reducing cache storage and improving client performance.

How to implement Stale-While-Revalidate caching that adapts based on user type and endpoint sensitivity. B2B users get fresh stock data while anonymous visitors enjoy faster cached responses.

How we squeezed 6x more cache entries into a 1GB Redis instance using gzip compression, while maintaining type safety and sub-millisecond overhead.

How a seemingly correct cache key using url.hostname causes cache fragmentation between SSR and client requests, dramatically reducing cache hit rates in Nuxt/Nitro applications.

How we replaced slow key-iteration cache clearing with instant timestamp-based invalidation while preserving SWR performance.

Why importing Prisma enums directly in client-side code breaks production builds and the constants pattern that solves it.

A deep dive into PostgreSQL pagination inconsistencies and the importance of deterministic sorting in complex queries that was driving our users crazy

While optimizing a Nuxt 3 project, I discovered excessive automatic prefetching was driving up Vercel bandwidth. Disabling prefetch globally brought costs and network overhead way down.

I inherited a Nuxt 3 project that was costing over $50/day in Vercel bandwidth. The culprit? A single wildcard import pulling in the entire Font Awesome library. Here’s how I found and fixed it.

From sluggish red Lighthouse scores to blazing green: The lazy loading technique that cut our initial bundle by 92% and boosted performance by 47%

How we built a sophisticated multi-layered search system that understands user intent, handles typos, and delivers relevant results across 9 languages using PostgreSQL, TypeScript, and smart algorithms

How to use Vue 3 generics to create a type-safe, multi-variant carousel component that handles products, banners, zones, and more without code duplication.

What 50 commits on a single Vue component over 3 months taught me about iterative development, when to refactor, and managing complexity.

A drop-in NuxtLink wrapper that automatically adds rel="nofollow" to links with query parameters, preventing PageRank leakage on filtered and parameterized URLs.

A simple frontend-backend contract for datetime handling that prevents scheduling bugs across timezones and makes your app server-location independent.

Git worktrees are amazing for parallel development, but Vercel CLI breaks in them. Here is the fix for Nuxt monorepo projects.

Why users see 403 errors on JavaScript files after deployments, and a 5-line Nuxt plugin that fixes it.

Simple changes to fix Largest Contentful Paint and Cumulative Layout Shift in Nuxt 3. Preconnect hints, image dimensions, and the hidden performance killers.

Three SQL anti-patterns that were killing our search performance, and the CTE optimizations that fixed them.

How to fix YouTube embed playback error 153 by migrating to youtube-nocookie.com, with bonus performance and privacy improvements.

How a 10-line configuration silently blocked thousands of product pages from Google indexing, and the surprising nuxtjs/sitemap behavior that caused it.

How I tried different approaches to set up a Turborepo + Prisma + Nuxt environment and the solution that finally worked on Vercel.

With these adjustments, my application ran smoothly on Vercel. Finally, I could get some well-deserved rest! 🎉

So remember my dear dev, satisfies checks the type of an object, without having impact on the TypeScript's assumption and should be one of your main ally again typing constant objects.