--- title: What is Client-side Rendering (CSR)? | daily.dev description: Client-side rendering (CSR) is a JavaScript rendering method that uses JavaScript to render a website or application in the browser. It offloads a significant... canonical: https://daily.dev/posts/what-is-client-side-rendering-csr--pxliesr2j twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: What is Client-side Rendering (CSR)? | daily.dev og:description: Client-side rendering (CSR) is a JavaScript rendering method that uses JavaScript to render a website or application in the browser. It offloads a significant... og:url: https://daily.dev/posts/what-is-client-side-rendering-csr--pxliesr2j og:image: https://api.daily.dev/og/posts/pXLiesr2j.png og:image:alt: What is Client-side Rendering (CSR)? og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # What is Client-side Rendering (CSR)? **[Prismic](https://daily.dev/sources/Prismic)** · 8 min read · 41 upvotes · 3 comments ## Summary Client-side rendering (CSR) is a JavaScript rendering method that uses JavaScript to render a website or application in the browser. It offloads a significant portion of the rendering process from the server to the client's browser, resulting in reduced server load and greater interactivity. However, it can lead to longer page load times and poor SEO. Popular frameworks for implementing client-side rendering include React and Vue.js. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@imonchowdhury** · 0 upvotes > Thanks **@alexleone** · 0 upvotes > Are we just naming this now ? ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments - [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments - [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#javascript](https://daily.dev/tags/javascript), [#react](https://daily.dev/tags/react), [#vuejs](https://daily.dev/tags/vuejs) [View this post on daily.dev](https://daily.dev/posts/what-is-client-side-rendering-csr--pxliesr2j) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"What is Client-side Rendering (CSR)?","url":"https://daily.dev/posts/what-is-client-side-rendering-csr--pxliesr2j","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/what-is-client-side-rendering-csr--pxliesr2j"},"datePublished":"2024-05-02T09:48:35.132Z","dateModified":"2024-05-09T08:39:06.345Z","description":"Client-side rendering (CSR) is a JavaScript rendering method that uses JavaScript to render a website or application in the browser. It offloads a significant...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/1d9d29db16a8737a3f7551608f9388ad?_a=AQAEuiZ","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/1d9d29db16a8737a3f7551608f9388ad?_a=AQAEuiZ","isAccessibleForFree":true,"articleSection":"Prismic","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Prismic","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/a561ec62494c4f45be5d3ce973bc65d5","url":"https://daily.dev/sources/Prismic"},"commentCount":3,"discussionUrl":"https://daily.dev/posts/what-is-client-side-rendering-csr--pxliesr2j","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":41},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":3}],"keywords":"webdev,javascript,react,vuejs","timeRequired":"PT8M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Prismic","item":"https://daily.dev/sources/Prismic"},{"@type":"ListItem","position":3,"name":"What is Client-side Rendering (CSR)?"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/what-is-client-side-rendering-csr--pxliesr2j","comment":[{"@type":"Comment","text":"Thanks","datePublished":"2024-05-02T11:33:48.912Z","url":"https://daily.dev/posts/pXLiesr2j#c-zGhwVYTWL","author":{"@type":"Person","name":"imon chowdhury","url":"https://daily.dev/imonchowdhury","image":"https://lh3.googleusercontent.com/a/ACg8ocJ5FEiwh8sub-Ykq9eHMKQvu2pmIyuP__wjOnqUIqzgEHDjQAQg=s96-c"}},{"@type":"Comment","text":"Are we just naming this now ?","datePublished":"2024-05-02T18:54:57.181Z","url":"https://daily.dev/posts/pXLiesr2j#c-UNHoYP7N6","author":{"@type":"Person","name":"Alex","url":"https://daily.dev/alexleone","image":"https://avatars.githubusercontent.com/u/5570933?v=4"}}]} ```