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 ...DiscussClient-side rendering
Aditya RoshanforDevs' HQroshanaditya.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...Discuss·10 likesServer side rendering
Rishi BakshiforRishi Bakshi Blogrishibakshi.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...DiscussYou 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...Discuss·1 like·301 readsClient-side rendering
Rishi BakshiforRishi Bakshi Blogrishibakshi.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 ...Discuss·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...DiscussClient-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...DiscussServer side rendering
Rishi BakshiforRishi Bakshi Blogrishibakshi.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...Discuss·10 likesYou Don't Know Next.jsrsc-payload
Rishi BakshiforRishi Bakshi Blogrishibakshi.hashnode.dev·Sep 9, 2024Wrapping Server Components in Client Components: What Happens?One of the most common mistakes developers make in Next.js is the assumption that if you wrap a server component inside a client component, it automatically becomes a client component. This misunderstanding often arises from the import behavior in Ne...Discuss·10 likesYou Don't Know Next.jsbest practices
Rishi BakshiforRishi Bakshi Blogrishibakshi.hashnode.dev·Sep 7, 2024Understanding How Top Level "use-client" Affects Next.js PerformanceIn Next.js, one of the biggest beginner mistakes — and even one made by experienced developers — is using the use client directive too high in the component tree. This can lead to inefficient rendering, larger client bundles, and degraded performance...Discuss·11 likes·44 readsYou Don't Know Next.jsNext.js
