--- title: NextJS: Data Fetching Strategies for Server Side Components description: NextJS is an extension of ReactJS that provides features like Server Side components, Client and Server Rendering, Data fetching with revalidation and built in... canonical: https://daily.dev/posts/nextjs-data-fetching-strategies-for-server-side-components-zn5tttnmu twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: NextJS: Data Fetching Strategies for Server Side Components | daily.dev og:description: NextJS is an extension of ReactJS that provides features like Server Side components, Client and Server Rendering, Data fetching with revalidation and built in... og:url: https://daily.dev/posts/nextjs-data-fetching-strategies-for-server-side-components-zn5tttnmu og:image: https://api.daily.dev/og/posts/zn5TtTnmU.png og:image:alt: NextJS: Data Fetching Strategies for Server Side Components 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. # NextJS: Data Fetching Strategies for Server Side Components **[AWS Tip](https://daily.dev/sources/awstip)** · 4 min read · 73 upvotes · 3 comments ## Summary NextJS is an extension of ReactJS that provides features like Server Side components, Client and Server Rendering, Data fetching with revalidation and built in optimizations. NextJS gives us freedom to decide if we want a component to be rendered at client or server. ## 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. **@capjavert** · 1 upvotes > test **@testt** · 0 upvotes > test 123 --- Tags: [#webdev](https://daily.dev/tags/webdev), [#aws](https://daily.dev/tags/aws), [#google](https://daily.dev/tags/google), [#amazon](https://daily.dev/tags/amazon), [#twitter](https://daily.dev/tags/twitter), [#nextjs](https://daily.dev/tags/nextjs) [View this post on daily.dev](https://daily.dev/posts/nextjs-data-fetching-strategies-for-server-side-components-zn5tttnmu) ```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":"NextJS: Data Fetching Strategies for Server Side Components","url":"https://daily.dev/posts/nextjs-data-fetching-strategies-for-server-side-components-zn5tttnmu","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/nextjs-data-fetching-strategies-for-server-side-components-zn5tttnmu"},"datePublished":"2023-08-28T09:40:14.484Z","dateModified":"2023-08-28T09:38:58.771Z","description":"NextJS is an extension of ReactJS that provides features like Server Side components, Client and Server Rendering, Data fetching with revalidation and built in...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/82d28911a8a58d3ffb51efca9d103f90?_a=AQAEufR","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/82d28911a8a58d3ffb51efca9d103f90?_a=AQAEufR","isAccessibleForFree":true,"articleSection":"AWS Tip","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":"AWS Tip","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/aea5725665d4494d8470f6c11612e774","url":"https://daily.dev/sources/awstip"},"commentCount":3,"discussionUrl":"https://daily.dev/posts/nextjs-data-fetching-strategies-for-server-side-components-zn5tttnmu","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":73},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":3}],"keywords":"webdev,aws,google,amazon,twitter,nextjs","timeRequired":"PT4M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"AWS Tip","item":"https://daily.dev/sources/awstip"},{"@type":"ListItem","position":3,"name":"NextJS: Data Fetching Strategies for Server Side Components"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/nextjs-data-fetching-strategies-for-server-side-components-zn5tttnmu","comment":[{"@type":"Comment","text":"test","datePublished":"2023-08-28T10:10:53.126Z","url":"https://daily.dev/posts/zn5TtTnmU#c-JK3JauGJa","author":{"@type":"Person","name":"Ante Barić","url":"https://daily.dev/capjavert","image":"https://media.daily.dev/image/upload/v1679300599/avatars/avatar_LJSkpBexOSCWc8INyu3Eu.jpg"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"test 123","datePublished":"2023-09-27T04:55:45.937Z","url":"https://daily.dev/posts/zn5TtTnmU#c-2VDCJ5zz2","author":{"@type":"Person","name":"test","url":"https://daily.dev/testt","image":"https://media.daily.dev/image/upload/s--O0TOmw4y--/f_auto/v1715772965/public/noProfile"}}]} ```