Over the past year I migrated a handful of legacy projects to Next.js with Claude Code. Along the way I settled on a workflow that keeps working: two agent spec files for architecture and admin UI conventions, one migration prompt, then a Playwright and pixel-diff loop to eliminate the visual regressions left after the first pass.
Master the six essential React design patterns that solve real problems in modern applications. From Composition and Custom Hooks to Providers, Compound Components, Server/Client Separation, and Suspense - each pattern includes real-world analogies, practical code examples, and visual diagrams.
What does a 30-year career in software look like? For me, it started with Soviet computers, continued through the early days of the web, JavaScript, Open Source, and modern frameworks, and has now arrived at the age of artificial intelligence.
Claude Code can already refactor components, generate tests, review diffs, and upgrade dependencies with almost no setup. The real gains come when you teach it how your project works. This guide covers permissions, project conventions, custom commands, skills, rules, and agents that turn Claude Code from a helpful assistant into a reliable development workflow.
Modern web development requires more than knowing a framework. To build systems that scale and remain maintainable, developers must understand architecture, caching, APIs, rendering strategies, and core web fundamentals. This guide walks through the essential concepts every web developer should know in 2026.
Learn how to implement Web Push notifications in a Next.js 16 app step by step. This guide explains how push works, how to configure VAPID keys and service workers, and how to send real-time notifications to your users, even when your site isn’t open.
Implementing a custom 404 page in Next.js becomes unexpectedly tricky when using route groups. While group-specific not-found.jsx files work as expected, unmatched routes fall back to the default Next.js 404, breaking visual consistency. This article explains why this happens and shows a practical workaround using the experimental globalNotFound option to create a reusable, fully styled global 404 page.
Discover how to implement persistent data tables with edit modals in Next.js 16 using dynamic routes, intercepting routes, and hybrid patterns, with examples, pitfalls, and the recommended final architecture.
E2E tests are easy to write and hard to keep fast and reliable. This guide covers how to structure Playwright tests with fixtures, handle authentication flows, work with data tables, check responsive layouts, and set performance budgets.
Next.js 15 is redefining server-side React development, offering built-in optimizations for routing, caching, and image handling. In this step-by-step tutorial, we will build a dynamic records management app using Ant Design 5 for UI components and React Query 5 for efficient data fetching. Learn how to streamline development, minimize boilerplate, and optimize performance with Next.js best practices. Get started today!
When React Hooks arrived in 2019, migrating a large class-based codebase to functional components looked impractical. A few tricks made it workable: composition instead of inheritance, useImperativeHandle for imperative APIs, and function-based customization in place of subclassing.
Eventually I finished redesign of this blog. I migrated from a self-made CMS to... a static site generator. It turned out to be not just more secure, reliable and faster, but also it gave me more flexibility. I’ve chosen Hugo, `world’s fastest` and extremely popular site generator. It has fully justified my trust. So I decided to share my experience of building a blog with Hugo.