Aman Rajhuamanraj.hashnode.dev·Dec 16, 2024React Hydration: Understanding the "Expected server HTML to contain a matching <tag> in <tag> " ErrorReact hydration is a crucial process that bridges server-side rendering (SSR) and client-side interactivity. This article will explain the concept of React hydration, its importance, and how to troubleshoot a common hydration error. What is React Hyd...10 likes·26 readsReact hydration
Pratham Saxenaprathamsaxena.hashnode.dev·Dec 10, 2024What is Hydration in Next JS?When a page is rendered by the browser, it first processes the HTML to display the content on the screen. Then, it executes the JavaScript (logic part) to make the page fully interactive, enhancing the performance of your web app. This process of ren...Next.js
Bhupendrabhuppi.hashnode.dev·Oct 17, 2024Client-side rendering (CSR) and Server-side rendering (SSR)Client-side rendering (CSR) and Server-side rendering (SSR) are two approaches used to display content on web pages, and they differ in how and where the rendering of HTML content occurs. 1. Client-Side Rendering (CSR) In client-side rendering, the ...Client-side rendering
Aditya Roshanroshanaditya.hashnode.dev·Oct 10, 2024What I know from client side rendering to reactToday NextJS is popular framework for developing full stack web app. First of all I don’t consider NextJS being a full stack framework but front-end react framework with back-end integrated. It’s like you have been given npm create-react-app with rea...10 likesServer side rendering
Rishi Bakshirishibakshi.hashnode.dev·Oct 9, 2024Think Server Actions Can Only Be Used in Server Components? Think againOne common misconception in Next.js development is thinking that server actions can only be utilized within server components. However, this isn't the case. Server actions can be used inside client components as well, which allows us to interact with...You Don't Know Next.jsNext.js
Shubham Mehtashubham-mehta.hashnode.dev·Sep 23, 2024Client Side Rendering (CSR) vs Server Side Rendering (SSR)While developing a web application or website from scratch, a developer has to make many decisions that can significantly impact performance and user experience, especially how the content is rendered on the view. First, let's understand what renderi...1 like·366 readsClient-side rendering
Rishi Bakshirishibakshi.hashnode.dev·Sep 21, 2024Understanding and Fixing Hydration Errors in Next.jsHydration errors are a common pitfall for developers new to Next.js, especially when dealing with client components that rely on browser APIs like localStorage. In this article, we’ll explore what hydration errors are, how they occur, and how to fix ...10 likesYou Don't Know Next.jsincorrect-html-structure
Prem Choudharyprem14choudhary.hashnode.dev·Sep 13, 2024How to connect local system to AWS via CLI...?Visit: Install or update to the latest version of the AWS CLI - AWS Command Line Interface (amazon.com) Then install AWS cli on your device as the instruction given. Search for ‘IAM’ on AWS Management Console. Click ‘Users‘. Then click ‘Create Use...Client-side rendering
Định Nguyễn Trươngdinhdev.hashnode.dev·Sep 13, 2024The Evolution of Web Rendering: SSG, SSR, CSR...The web evolving, we aren’t living in a world of simple static website anymore. There are a lot of options for developers nowaday: SSG, SSR, CSR,… Each of the rendering technique has unique set of pros and cons, so choosing the right one for your pro...Server side rendering
Rishi Bakshirishibakshi.hashnode.dev·Sep 10, 2024Think Client Components Only Run on the Client Side? Think AgainIn Next.js, there’s often a misconception that client components run only on the client, as their name might suggest. However, this isn't entirely true. In reality, client components in Next.js execute both on the server during the initial page rende...10 likesYou Don't Know Next.jsrsc-payload
