Insights, tutorials, &
engineering stories.
Deep dives into modern web development, frontend architecture, and the tools I use every day.

Core Web Vitals: A Frontend Developer's Guide to a Fast Site
A practical Core Web Vitals guide for frontend developers: what LCP, INP, and CLS actually measure, how to diagnose them with field and lab data, and concrete React and Next.js fixes to pass Core Web Vitals and improve SEO.

How AI Is Reshaping Frontend Development (and How to Keep Up)
AI in frontend development is now a daily reality — from UI generation to automated code review. Here's where AI genuinely helps, what it still gets wrong, what it means for your role, and how to stay ahead as a frontend developer in 2026.

The Modern Frontend Developer's Toolkit in 2026
A practical guide to the modern frontend developer toolkit in 2026: the frameworks, build tools, styling, testing, and AI tools that make up a productive stack, and how to choose what actually fits your project.

Next.js Performance in 2026: Making Your App Fast by Default
A practical guide to Next.js performance in 2026: use Server Components to ship less JavaScript, optimize images and fonts, get caching right in the App Router, cut bundle size, and measure Core Web Vitals in production.

Next.js App Router: Server Components in Practice
A practical guide to Next.js App Router server components: the server-first mental model, when to reach for client components, data fetching with async/await, streaming with Suspense, and the boundary mistakes that trip developers up.

SEO in the Age of AI Search: How to Get Cited by AI Answers
SEO for AI search is about getting cited, not just ranked. Learn how AI answer engines pick sources, what generative engine optimization (GEO) means, and concrete steps to make your content the one AI quotes.

Building Your First AI Workflow with LLMs and APIs
Learn how to build an AI workflow by wiring an LLM into a real process with APIs, prompts, structured output, and tool calls. A hands-on guide with code, patterns, and the pitfalls to avoid before you ship.

Why Dev Teams Are Adopting AI Workflows (and How to Start)
AI workflows for dev teams are moving from experiment to standard practice. Here's why engineering teams adopt AI-assisted development, the real productivity and quality wins, the risks to manage, and a pragmatic way to start without disrupting your team.

How AI Search Works: Semantic Search, Embeddings & RAG Explained
A developer-friendly guide to how AI search works: how embeddings turn text into vectors, how vector search finds meaning instead of keywords, how semantic ranking and RAG ground LLM answers, and how to build the pipeline yourself.

AI Coding Assistants Compared: GitHub Copilot vs Cursor vs Claude Code
An honest AI coding assistant comparison of GitHub Copilot, Cursor, and Claude Code across autocomplete, agentic editing, context handling, and real workflow fit — so you can pick the right tool for your projects in 2026.

Top 10 AI Tools Every Developer Should Use in 2026
The best AI tools for developers in 2026: an opinionated roundup of 10 tools that genuinely speed up coding, testing, code review, and shipping — with clear guidance on when to reach for each one.

I Thought I Was Just Writing Code -Until I Started Seeing Design
When I started as a frontend developer, my definition of “done” was simple: If it works, ship it. The button clicks? Good. API response showing? Perfect. Layout not completely broken? Done.

Integration of eSewa and Khalti Payment Gateways in Next.js 15
Digital payments have become an essential part of modern applications in Nepal. Among the most popular options are eSewa and Khalti, which allow businesses to provide secure, quick, and reliable online transactions.

Must-Know 10 JavaScript Concepts Before Learning React
React is built on top of modern JavaScript (ES6+). If you jump straight into React without a solid understanding of these concepts, you might feel overwhelmed.