{"repo":"theninthsky/client-side-rendering","free":true,"listed":false,"github":"https://github.com/theninthsky/client-side-rendering","clone":"git clone https://github.com/theninthsky/client-side-rendering.git","description":"A case study of CSR.","language":"TypeScript","stars":825,"topics":["client-side-rendering","csr","performance","server-side-rendering","ssg","ssr","static-site-generation","nextjs","seo","stale-while-revalidate"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"Client-side Rendering This project serves as a case study on CSR, examining the potential of client-side rendered apps in comparison to server-side rendering. For a detailed comparison of all rendering methods, visit the project's Comparison page: https://client-side-rendering.pages.dev/comparison The findings of this project resulted in the creation of Adina. Table of Contents - Intro - Motivation - Performance - Bundle Size - Caching - Code Splitting - Preloading Async Pages - Splitting Async Vendors - Preloading Data - Preloading Next Pages Data - Precaching - Adaptive Source Inlining - Leveraging the 304 Status Code - Navigation Preload - Tweaking Further - Transitioning Async Pages - Revalidating Active Apps - Summary - Deploying - Benchmark - Areas for Improvement - SEO - Indexing - Google - Prerendering - Social Media Share Previews - Sitemaps - CSR vs. SSR - SSR Disadvantages - Why Not SSG? - The Cost of Hydration - Conclusion - What Might Change in the Future Intro Client-side rendering (CSR) refers to sending static assets to the web browser and allowing it to handle the entire rendering process of the app. Server-side rendering (SSR) involves rendering the entire app (or page) on the server and delivering a pre-rendered HTML document ready for display. Static Site Generation (SSG) is the process of pre-generating HTML pages as static assets, which are then sent and displayed by the browser. Contrary to common belief, the SSR process in modern frameworks like React ","default_branch":null,"files":null,"tree":[],"storefront":"/r/theninthsky","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/theninthsky/client-side-rendering/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}