{"post":{"id":"652a35748ae84bae178faedd","_id":"652a35748ae84bae178faedd","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1696613450123/29184db8-4dd3-4cc2-a8c4-24390895e944.png","__typename":"PostCoverImage"},"slug":"nextjs-csr-how-it-works","readTime":3,"replyCount":2,"responseCount":3,"brief":"Next.js is a powerful React framework that provides several features to enhance your web development experience. One of these features is Client Side Rendering (CSR), which can significantly improve the performance of your web applications and provid...","subtitle":null,"isFeatured":false,"contributors":[{"_id":"6461f0afb07c7679915ebd01","name":"Vineet Bhasin","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1684140207965/4e833f2f-5747-447a-8e28-58dad5a10dba.png","username":"Vneet","__typename":"User"},{"_id":"6488c1e530e6ec77b274ebf0","name":"Rodgers Nyangweso","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1686684133760/b342f277-33fd-4ecd-a4c7-2f2b9ffaac78.jpeg","username":"Nyangweso","__typename":"User"},{"_id":"64bf8dd08fa016807d74661d","name":"Karan","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1690275281498/f194b563-b415-499d-90db-e511c89bb2dc.jpeg","username":"Kryspr","__typename":"User"}],"bookmarked":false,"views":79,"url":"https://fibbonachos.hashnode.dev/nextjs-csr-how-it-works","totalReactions":38,"title":"Next.js CSR: How It Works","dateAdded":"2023-10-14T06:30:12.001Z","cuid":"clnpnrktd000809kw06sz7x19","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","seo":{"title":"Next.js CSR: How It Works","description":"In this article, we will delve deeper into how Next.js CSR works.","__typename":"SEO"},"ogMetaData":{"image":null,"__typename":"OpenGraphMetaData"},"author":{"_id":"642988b90e7e08e3bf18621c","name":"Ares","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1692774309263/brTwhjSH4.png","isPro":false,"username":"Fibz","__typename":"User","tagline":"Full Stack Developer"},"coAuthors":[],"series":null,"tags":[{"_id":"584879f0c0aaf085e2012086","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1651122498709/FQjch0sgd.png","name":"Next.js","slug":"nextjs","__typename":"Tag"},{"_id":"56744721958ef13879b94b4d","logo":null,"name":"framework","slug":"framework","__typename":"Tag"},{"_id":"56a399f292921b8f79d3633c","logo":null,"name":"Frontend Development","slug":"frontend-development","__typename":"Tag"},{"_id":"62c01f19ccecfb25bbc72e57","logo":null,"name":"csr","slug":"csr","__typename":"Tag"},{"_id":"56744723958ef13879b95434","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513321478077/ByCWNxZMf.png","name":"React","slug":"reactjs","__typename":"Tag"}],"publication":{"_id":"64bd0c758be04301f9cf6c4a","url":"https://fibbonachos.hashnode.dev","canonicalURL":"https://fibbonachos.hashnode.dev","title":"Silicon Blog","displayTitle":null,"isHeadless":false,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1692774383673/gVxhAe6z-.png","headerColor":"","metaTags":null,"isTeam":false,"domainInfo":{"hashnodeSubdomain":"fibbonachos","domain":null,"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"652bb2abf7ca6f1033b82275","author":{"_id":"6461f0afb07c7679915ebd01","name":"Vineet Bhasin","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1684140207965/4e833f2f-5747-447a-8e28-58dad5a10dba.png","isPro":false,"username":"Vneet","__typename":"User"},"content":{"html":"

Good to know 👍

\n","markdown":"Good to know 👍","text":"Good to know 👍\n","__typename":"Content"},"dateAdded":"2023-10-15T09:36:43.209Z","stamp":"clnr9vao801cxvvnv9bt840rr","totalReactions":10,"__typename":"Comment","replies":{"edges":[{"node":{"id":"652bbb4b900df10a392617df","author":{"_id":"642988b90e7e08e3bf18621c","name":"Ares","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1692774309263/brTwhjSH4.png","isPro":false,"username":"Fibz","__typename":"User"},"content":{"html":"

Glad that you found it informative!

\n","markdown":"Glad that you found it informative!","text":"Glad that you found it informative!\n","__typename":"Content"},"dateAdded":"2023-10-15T10:13:31.363Z","stamp":"clnrb6mhu057rpdnvehd6cl1c","totalReactions":0,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"652bb58b900df10a39261753","author":{"_id":"64bf8dd08fa016807d74661d","name":"Karan","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1690275281498/f194b563-b415-499d-90db-e511c89bb2dc.jpeg","isPro":false,"username":"Kryspr","__typename":"User"},"content":{"html":"

Very thoughtful

\n","markdown":"Very thoughtful","text":"Very thoughtful\n","__typename":"Content"},"dateAdded":"2023-10-15T09:48:59.005Z","stamp":"clnrab2f0053ipdnvaiec26xx","totalReactions":8,"__typename":"Comment","replies":{"edges":[{"node":{"id":"652cfd42a377d91a4aa26f6d","author":{"_id":"642988b90e7e08e3bf18621c","name":"Ares","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1692774309263/brTwhjSH4.png","isPro":false,"username":"Fibz","__typename":"User"},"content":{"html":"

Thank you!

\n","markdown":"Thank you!","text":"Thank you!\n","__typename":"Content"},"dateAdded":"2023-10-16T09:07:14.484Z","stamp":"clnso98kz00r8vmnvbf2rb4h3","totalReactions":0,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"66353f35098021c5a4e48064","author":{"_id":"6488c1e530e6ec77b274ebf0","name":"Rodgers Nyangweso","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1686684133760/b342f277-33fd-4ecd-a4c7-2f2b9ffaac78.jpeg","isPro":false,"username":"Nyangweso","__typename":"User"},"content":{"html":"

kudos. well explained

\n","markdown":"kudos. well explained","text":"kudos. well explained\n","__typename":"Content"},"dateAdded":"2024-05-03T19:47:01.959Z","stamp":"clvr36dvr00030ajw29gj6btu","totalReactions":0,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"Mw==","__typename":"PageInfo"},"__typename":"PostCommentConnection"},"commenters":{"edges":[{"node":{"_id":"6488c1e530e6ec77b274ebf0","name":"Rodgers Nyangweso","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1686684133760/b342f277-33fd-4ecd-a4c7-2f2b9ffaac78.jpeg","isPro":false,"username":"Nyangweso","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"6461f0afb07c7679915ebd01","name":"Vineet Bhasin","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1684140207965/4e833f2f-5747-447a-8e28-58dad5a10dba.png","isPro":false,"username":"Vneet","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"64bf8dd08fa016807d74661d","name":"Karan","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1690275281498/f194b563-b415-499d-90db-e511c89bb2dc.jpeg","isPro":false,"username":"Kryspr","__typename":"User"},"__typename":"PostCommenterEdge"}],"__typename":"PostCommenterConnection"}}}

Next.js CSR: How It Works

5 comments