Blog — page 5
Technical writing on Web3, AI, Bitcoin, and building software. Written by Uvin Vindula.
150 articles
Security Headers in Next.js: The Complete Implementation Guide
A production-ready guide to implementing every critical security header in Next.js. Covers Content-Security-Policy with nonces for inline scripts, HSTS, X-Frame-Options, X-Content-Type-Options, Referrer-Policy, and Permissions-Policy. Includes exact next.config.ts and middleware configurations from my production sites, CSP nonce generation, testing strategies, and the complete header config I deploy on every project.
Building a Design System with Tailwind CSS and Next.js
A practical guide to building a production-grade design system with Tailwind CSS v4 and Next.js. Covers design tokens as CSS variables, OKLCH color systems, typography scales, component architecture using atomic design, dark mode implementation, and documentation strategies. Based on real systems I built for iamuvin.com, EuroParts Lanka, and FreshMart — not theoretical frameworks that never ship.
The Discovery Call Framework I Use to Close $20K+ Projects
The exact 30-minute discovery call framework I use to qualify leads, assess technical feasibility, and close development projects between $8K and $80K. Not a sales script — an engineer's approach to asking the right questions, spotting red flags early, and writing proposals that convert.
Stablecoins: How They Actually Work — A Developer's Technical Guide
A technical deep-dive into stablecoin mechanics — fiat-backed reserves (USDT/USDC), crypto-collateralized vaults (DAI/MakerDAO), algorithmic mint-burn models (UST/FRAX), the UST collapse post-mortem, building a minimal collateralized stablecoin in Solidity, Chainlink oracle integration, liquidation engine design, CDP health factors, risk analysis across all three types, stablecoin integrations in DeFi lending and AMM protocols, and what the future holds for on-chain dollars.
Docker for Next.js: Multi-Stage Builds and Production Deployment
A hands-on guide to containerizing Next.js applications with Docker multi-stage builds, standalone output mode, and production-ready deployment. Covers when Docker makes sense over Vercel, how to get image sizes under 150MB, environment variable handling at build and runtime, Docker Compose for local development, health checks, layer caching strategies, and the common mistakes that waste hours. Includes my complete production Dockerfile and docker-compose.yml that I use for enterprise client deployments.
Layer 2 Comparison 2026: Arbitrum vs Optimism vs Base vs zkSync
A hands-on layer 2 comparison from someone who deploys on all four. Real gas costs, developer experience breakdowns, and ecosystem analysis for Arbitrum, Optimism, Base, and zkSync in 2026 — with a clear recommendation.
Bundle Size Optimization in Next.js: Under 150KB Initial JS
How I cut initial JavaScript from 380KB to 120KB on a production Next.js e-commerce site. Covers @next/bundle-analyzer, dynamic imports, tree-shaking, Server Components, code splitting strategies, and heavy library alternatives — with real before/after numbers from FreshMart.
How to Build a Developer Portfolio That Actually Wins Clients
Most developer portfolios are glorified link dumps that impress no one. Uvin Vindula breaks down how he designed iamuvin.com to convert CTOs into paying clients for $15K-$80K projects — dark luxury aesthetics, case studies with real revenue numbers, transparent pricing, and a homepage that passes the 10-second test. Practical advice on what clients actually look at, why showing pricing filters out time-wasters, and the technical SEO that brings decision-makers to your site organically.
Framer Motion in Next.js: Animation Patterns That Don't Kill Performance
A practical guide to using Framer Motion in Next.js without destroying your Core Web Vitals. Covers scroll reveals, page transitions, layout animations, exit animations, staggered children, and Server Component compatibility — with real component code from iamuvin.com. My rule: CSS transitions for simple stuff, Framer Motion only when you need layout animations or orchestrated sequences.
Stripe Integration in Next.js: Payments, Subscriptions, and Webhooks
Everything I learned integrating Stripe into production Next.js apps: Checkout vs Elements, subscription billing with metered usage, webhook handling in Route Handlers, idempotency patterns, failed payment recovery, and the Customer Portal. Real patterns from FreshMart (UK grocery platform) and multiple client projects. Includes TypeScript code for every integration point, testing with Stripe CLI, and the architecture that handles thousands of transactions without losing a single one.
OWASP Top 10 for Next.js Developers: Practical Security Guide
A hands-on guide to defending Next.js applications against the OWASP Top 10 vulnerabilities. Each risk includes vulnerable code, the fixed version, and Next.js-specific middleware configurations. Covers security headers (CSP, HSTS, X-Frame-Options), server action validation, route handler auth guards, and production-ready patterns I use on every project and security audit.
Decentralized Exchange Architecture: How DEXs Actually Work
A technical deep-dive into DEX architecture — AMM vs order book models, Uniswap V2 and V3 internals, the constant product formula, concentrated liquidity math, router contracts, swap execution flow, slippage and MEV protection, fee tiers, LP economics, building a minimal DEX in Solidity, and how aggregators like 1inch route trades across protocols.