Karya Semi
HomeBlogSearchCategoriesAboutContact
Karya Semi

Less noise. More notes.

HomeBlogAboutContactPrivacy PolicyDisclaimer

© 2026 Karya Semi. All rights reserved.

XGitHubLinkedIn
  1. Home
  2. /Categories
  3. /Web Development

Category

Web Development

Building for the web: frameworks, tooling, and modern practices.
Illustration for Building a Lightweight and Type-Safe Event Bus in TypeScript
Web Development/Aug 10, 2026

Building a Lightweight and Type-Safe Event Bus in TypeScript

Create a type safe event bus typescript pub sub implementation mapped types system to guarantee compile-time safety for your application events.

6 min read
TypeScriptDesign Patterns
Illustration for Cloudflare Kitesurf: Why Browsers for AI Agents Are Different
Web Development/Aug 10, 2026

Cloudflare Kitesurf: Why Browsers for AI Agents Are Different

We evaluate cloudflare kitesurf architecture browser for ai agents performance vs chromium to show how it optimizes resource usage for headless bots.

5 min read
CloudflareAI Agents
Illustration for Vite 8 Migration Guide: Breaking Changes and Upgrade Checklist
Web Development/Aug 8, 2026

Vite 8 Migration Guide: Breaking Changes and Upgrade Checklist

A complete step-by-step developer playbook to upgrade your project to Vite 8, handle the Rolldown/Oxc transition, and fix breaking changes.

7 min read
ViteFrontend
Illustration for Building textlog, a Quiet and JavaScript-Free Microblogging Platform
Web Development/Aug 8, 2026

Building textlog, a Quiet and JavaScript-Free Microblogging Platform

Analyze the textlog quiet text only microblogging platform architecture no js codebase, engineered for minimal server footprints and offline-first syncing.

8 min read
Web ArchitectureHtml Only
Illustration for Improving CLS: How to Prevent Cumulative Layout Shift from Dynamic Web Fonts
Web Development/Aug 7, 2026

Improving CLS: How to Prevent Cumulative Layout Shift from Dynamic Web Fonts

Learn techniques to optimize Cumulative Layout Shift (CLS) issues caused by slow-loading fonts and prevent unexpected layout movements on page load.

8 min read
Web PerformanceCls
Illustration for Designing Resilient Connection Error Handling in Redis Task Queues
Web Development/Aug 7, 2026

Designing Resilient Connection Error Handling in Redis Task Queues

Learn how to build bulletproof connection retry and backoff strategies for Redis-based task queues in Node.js or Python without causing memory leaks.

7 min read
RedisWeb Development
Illustration for We Finally Learned to Center a Div, Then Browsers Added Sidebars
Web Development/Aug 5, 2026

We Finally Learned to Center a Div, Then Browsers Added Sidebars

Browser sidebars in Chrome and Safari are eating into viewport width and breaking layouts that developers spent years getting right. What changed, what breaks, and how to handle it.

6 min read
CSSBrowser Sidebars
Illustration for Jane Street Built a UI Library in OCaml, Web Developers Should Pay Attention
Web Development/Aug 4, 2026

Jane Street Built a UI Library in OCaml, Web Developers Should Pay Attention

Jane Street just open-sourced Bonsai, their OCaml-based UI library. Sounds irrelevant to web devs? It's actually a signal about where frontend architecture is heading.

5 min read
Web DevelopmentFrontend
Illustration for Frontend Bundle Optimization: Eliminating Dead Code and Side Effects
Web Development/Aug 1, 2026

Frontend Bundle Optimization: Eliminating Dead Code and Side Effects

How to audit dynamic imports, parse dependency graphs, and configure bundlers to prune dead code and side-effect modules for faster page hydration.

6 min read
Web DevelopmentBest Practices
Illustration for Optimizing Core Web Vitals in Next.js App Router: LCP, FID, and CLS Practical Fixes
Web Development/Jul 30, 2026

Optimizing Core Web Vitals in Next.js App Router: LCP, FID, and CLS Practical Fixes

A comprehensive guide on diagnosing and fixing Largest Contentful Paint, First Input Delay, and Cumulative Layout Shift issues specifically within the Next.js App Router paradigm.

8 min read
Next.jsReact
Illustration for Jelly UI: Bringing Soft-Body Physics to Native HTML Form Controls Without JS Bloat
Web Development/Jul 21, 2026

Jelly UI: Bringing Soft-Body Physics to Native HTML Form Controls Without JS Bloat

How Jelly UI uses WebGL shaders, Spring physics, and DOM overlay mechanics to create expressive UI interactions while preserving HTML form accessibility.

3 min read
WebdevJavaScript
Illustration for How to Design a Reliable Webhook Receiver
Web Development/Jul 20, 2026

How to Design a Reliable Webhook Receiver

A practical guide to webhook receivers: signature checks, idempotency, retries, ordering, persistence, observability, and tests.

5 min read
WebhooksBackend
Illustration for Next.js 15 Partial Prerendering in Production
Web Development/Jul 15, 2026

Next.js 15 Partial Prerendering in Production

Learn how to configure, deploy, and optimize Next.js 15 Partial Prerendering (PPR) in production environments for faster load times.

4 min read
Next.jsReact
Illustration for The Hydration Cost: Why React Apps Feel Slow on Startup
Web Development/Jul 7, 2026

The Hydration Cost: Why React Apps Feel Slow on Startup

Under the hood of hydration in React. Discover how server-side rendering loads pages, why hydration causes startup lag, and how to optimize it.

5 min read
ReactNext.js
Illustration for React Form Validation with Zod: Client Checks, Server Rules, and Fewer Weird Bugs
Web Development/Jul 2, 2026

React Form Validation with Zod: Client Checks, Server Rules, and Fewer Weird Bugs

React form validation works best when the browser helps, Zod owns the rules, and the server still gets final say.

6 min read
ReactForms
Illustration for Edge Functions vs Serverless Functions: When Each One Actually Wins
Web Development/Jun 30, 2026

Edge Functions vs Serverless Functions: When Each One Actually Wins

Edge functions and serverless functions look similar from the outside. They behave very differently under load, and choosing the wrong one is the most expensive mistake in modern web infra.

6 min read
Web DevelopmentServerless
Illustration for GitHub Copilot's Harness Outperforms Raw Model Providers on Tokens
Web Development/Jun 30, 2026

GitHub Copilot's Harness Outperforms Raw Model Providers on Tokens

GitHub's data shows its Copilot agentic harness beats running models directly on token efficiency. Here's what that means for web developers.

3 min read
Web DevelopmentGitHub Copilot
Illustration for Next.js authentication checklist for production apps
Web Development/Jun 30, 2026

Next.js authentication checklist for production apps

A practical Next.js authentication checklist for production apps, covering sessions, cookies, routes, CSRF, passwords, redirects, logging, and deployment checks.

6 min read
Next.jsAuthentication
Illustration for Vite 8 Moves to Rolldown: What Frontend Teams Should Check First
Web Development/Jun 28, 2026

Vite 8 Moves to Rolldown: What Frontend Teams Should Check First

Vite 8 moves its build pipeline to Rolldown and Oxc. Here is what changed, why frontend teams care, and what to test before upgrading.

2 min read
ViteRolldown
Illustration for CSS Baseline 2026: The Browser Features Frontend Developers Can Start Using
Web Development/Jun 28, 2026

CSS Baseline 2026: The Browser Features Frontend Developers Can Start Using

Baseline 2026 is turning several browser features into practical defaults. Here is what frontend developers should test before adding more JavaScript.

2 min read
CSSFrontend
Illustration for Next.js: A Deep Dive into the React Framework for Production
Web Development/Jun 20, 2026

Next.js: A Deep Dive into the React Framework for Production

Explore the core features, architecture, and best practices for building high-performance, production-ready web applications with Next.js, the leading React framework.

6 min read
Next.jsReact
Illustration for Getting Started with Next.js: A Developer's Comprehensive Guide
Web Development/Jun 20, 2026

Getting Started with Next.js: A Developer's Comprehensive Guide

Learn how to use Next.js for building modern, full-stack React applications with server-side rendering, static site generation, and API routes.

6 min read
Next.jsReact
Illustration for A Developer's Roadmap: How to Learn Next.js from Zero to Production
Web Development/Jun 20, 2026

A Developer's Roadmap: How to Learn Next.js from Zero to Production

Master Next.js with this structured guide for intermediate developers. Learn core concepts like the App Router, Server Components, and data fetching through practical examples.

6 min read
Next.jsReact
Illustration for How to Learn Next.js: A Practical Guide for Developers
Web Development/Jun 20, 2026

How to Learn Next.js: A Practical Guide for Developers

A step-by-step technical guide for developers on how to effectively learn Next.js, covering core concepts, project structure, and best practices for building production apps.

5 min read
Next.jsReact