Introduction When building login and protected pages, one common question is: where to store JWT token in Next.js? A JWT (JSON Web Token) is a signed string that proves a user is logged in. After a user enters the correct email and password, your server creates a JWT. The application sends this token with future […]

Next.js 16 introduced an important change to request handling. The old middleware.ts file convention has been renamed to proxy.ts. If you previously used Middleware in Next.js, the basic idea will feel familiar. You can use proxy.ts in Next.js to run server-side code before a request reaches a page, Route Handler, or other part of your

Introduction React applications should feel fast and smooth. But sometimes, when a component has heavy rendering work, the UI may feel slow. For example, when a user types in a search box and React also filters a large list at the same time, typing can become laggy. This is where React useTransition becomes useful. The

How to Access User Sessions in Next.js App Router Middleware If you are building a modern web application, authentication is usually your top priority. With the introduction of the Next.js App Router, the way we handle routing, data fetching, and security has changed significantly. One of the most powerful tools in this new ecosystem is

useCallback in React is an important React Hook that helps you optimize performance by memoizing functions and preventing unnecessary function recreation during component re-renders. Introduction React is one of the most popular JavaScript libraries for building modern user interfaces. When you build React applications, components often re-render whenever state or props change. This is normal