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·114 readsClient-side rendering
Rishi BakshiforRishi Bakshi Blogrishibakshi.hashnode.dev·Sep 22, 2024Avoiding Common Mistakes with Browser APIs in Next.jsOne common mistake that beginners make when working with Next.js is incorrectly using browser APIs like window.localStorage in client components. Understanding how Next.js handles server-side rendering (SSR) and client-side rendering (CSR) is crucial...Discuss·11 likesYou Don't Know Next.jsBeginner Developers
Rishi BakshiforRishi Bakshi Blogrishibakshi.hashnode.dev·Sep 22, 2024Handling Third-Party Components in Next.js: Avoiding Common MistakesWhen building with Next.js, dealing with third-party components can sometimes cause issues, especially if they aren't correctly configured for client-side rendering. A common mistake developers make is incorrectly using third-party components that re...DiscussYou Don't Know Next.jsthird-party-components
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 8, 2024Why You Should Always Explicitly Mark Client Components in Next.jsIn Next.js, a common mistake developers make is assuming that a component without the use client directive is a server component. This misunderstanding often arises when developers import components that use client-side functionality (like state or e...Discuss·11 likesYou Don't Know Next.jsNext.js
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·39 readsYou Don't Know Next.jsNext.js
Durgesh Upadhyayudurgesh6.hashnode.dev·Sep 6, 2024Why Did OpenAI Move from Next.js to Remix?While no official statement has been made, several insights from analyzing OpenAI's codebase and application structure help shed light on this decision. Here’s an overview of why OpenAI likely made the shift: 1. Client-Side Rendering Dominance The Op...Discussopenai
akash javaliblog.akashjavali.com·Aug 23, 2024Server-Side Rendering (SSR) vs. Client-Side Rendering (CSR) in React: A Comprehensive ComparisonWhen developing modern web applications, one of the key decisions developers face is how to render the content: Server-Side Rendering (SSR) or Client-Side Rendering (CSR). Both approaches have their pros and cons, and choosing the right one can have ...Discuss·36 readsSSR
woodstockwoodstock.hashnode.dev·Jul 30, 2024Next.js에서 캐시 재검증을 통한 데이터 동기화 방법문제 상황 최근 프로젝트에서 사용자가 팔로우/언팔로우 버튼을 클릭할 때, 프로필 정보가 즉시 업데이트되지 않고 페이지를 새로고침해야만 변경 사항이 반영되는 문제가 발생했다. 이 문제는 사용자 경험을 저하시킬 수 있으므로, 팔로우/언팔로우 후에 프로필 정보가 즉시 반영되도록 개선이 필요했다. 문제 원인 문제의 원인은 팔로우/언팔로우 버튼을 클릭했을 때, 팔로우 상태가 변경된 후 서버 사이드에서 데이터를 다시 가져와 클라이언트로 반영하지 않았기 ...DiscussNextJScache revalidation
Ajat Darojatajatdarojat45.id·Jul 17, 2024Perbedaan Antara SSR dan CSRDi artikel ini, kita akan membahas perbedaan antara server-side-rendering (SSR) dan client-site-rendering (CSR). Mengetahui perbedaan kedua hal tersebut sangatlah penting, terutama ketika kita men-develop di web. Pertama-tama, yang akan kita bahas ad...Discuss·53 readsReact