#server-component articles

SMSyed Muhammad Alidevstacked.hashnode.devAug 10 · 17 min read

Server vs Client Components in Next.js 16 (2026 Guide)

You add "use client" to the top of a file, TypeScript stops complaining, and everything just... works. So you start adding it everywhere — every component, just in case. A few weeks later your bundle

3

1

PPPranav Patanipranavpatani.hashnode.devJan 3 · 17 min read

Data Handling in React and Next.js: From useEffect to Server Components and React Query

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...

0

NKNikhil Kumar Patranikhilkumarpatra47.hashnode.devJul 22, 2025 · 4 min read

How do Server and Client Components work?

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,...

0

SESamuel Emediong Thomassammex45.hashnode.devJan 2, 2025 · 6 min read

React Server Components vs Client Components: The Complete Developer Guide for 2025

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...

0

RNRamu Narasingathinkthroo.comDec 26, 2024 · 3 min read

Cache your function computation in React Server Components

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...

0

NLNowon Leeblog.nwlee.comDec 22, 2024 · 4 min read

Next.js 미들웨어에서 백엔드 API로부터 발급받은 쿠키를 활용하기

쿠키 이슈 Next.js에서 서버 컴포넌트는 서버에서 실행되고 렌더링되는 컴포넌트이다. 다음과 같은 특징이 있다. 서버에서만 동작하기 때문에 데이터베이스, 파일 시스템에도 접근할 수 있다. 서버에서 미리 렌더링된 UI를 그대로 클라이언트로 전달하기 때문에 자바스크립트 번들 사이즈를 줄일 수 있다. 브라우저에서 실행되지 않기 때문에 useState, useEffect와 같은 리액트 API를 호출할 수 없다. 별도의 백엔드 API가 개발되...

0

ODOm Dahaleomdahale.hashnode.devAug 8, 2024 · 4 min read

Next.js Server Components: Revolutionizing Performance and SEO

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...

0

HRHugo Ramon Pereirahramonp.hashnode.devOct 19, 2023 · 3 min read

Server Components: React.js and Next.js

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...

0

ATAdebisi Tobilobatobedated.hashnode.devAug 2, 2023 · 22 min read

Exploring Next.js new App Router

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...

0

SMSupriya Msupminn.hashnode.devJul 29, 2023 · 5 min read

Introduction to React Server Components!

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...

2

RP