Jan 3 · 17 min read · Since the introduction of NextJS server-side components, an efficient pattern for handling data has been widely adopted in the industry. This pattern utilizes NextJS server-side components to fetch data and utilizes React Query to cache data and sync...
Join discussion
Jul 22, 2025 · 4 min read · In my previous blog, we discussed about the different rendering strategies. Next, we will be discussing about how server and client components work in Next.js. Let’s dive into it. How do Server and Client Components Work? On the server On the server,...
Join discussionJan 2, 2025 · 6 min read · Introduction Master the fundamental differences between React Server Components and Client Components to build faster, more efficient web applications. React Server Components (RSCs) have revolutionized how we build React applications, offering unpre...
Join discussion
Dec 26, 2024 · 3 min read · In this article, you will learn what a cache in React is and also analyse how it is used in nextjs-subscription-payments example. Cache Cache is only for use in React Server Components. React documentation suggests to cache a function that does data...
Join discussionDec 22, 2024 · 4 min read · 쿠키 이슈 Next.js에서 서버 컴포넌트는 서버에서 실행되고 렌더링되는 컴포넌트이다. 다음과 같은 특징이 있다. 서버에서만 동작하기 때문에 데이터베이스, 파일 시스템에도 접근할 수 있다. 서버에서 미리 렌더링된 UI를 그대로 클라이언트로 전달하기 때문에 자바스크립트 번들 사이즈를 줄일 수 있다. 브라우저에서 실행되지 않기 때문에 useState, useEffect와 같은 리액트 API를 호출할 수 없다. 별도의 백엔드 API가 개발되...
Join discussionAug 8, 2024 · 4 min read · Introduction to Server Components and Their Importance Server components represent a significant evolution in web development, particularly for React-based frameworks like Next.js. They allow developers to execute components on the server side rather...
Join discussionOct 19, 2023 · 3 min read · What are Server Components? RSC - React Server Components is an architecture model developed by the React team, this concept was introduced in December 2020 but this is nothing new, other programming languages like PHP, Python, Ruby and others alread...
Join discussion
Aug 2, 2023 · 22 min read · The App Router is a new router introduced in NextJs v13, the new recommended way of navigating through webpages in NextJs. It supports shared layouts, nested routing, loading states, error handling, and more. The App Router works in a new directory n...
Join discussion
Jul 29, 2023 · 5 min read · For a React developer, there are various ways to decide how we want to render a component. We could use the default client-side rendering (CSR) or choose between static site generation (SSG) and server-side rendering (SSR) based on the app requiremen...
RPRoja and 1 more commented
Jul 1, 2023 · 5 min read · Hello everyone, welcome to the new series where we will be learning the ins and outs of Next.js 13 so that you can build apps that leverage some of the best concepts such as Server Side Rendering and can deliver web apps with better user experience. ...
Join discussion