# Server Side Rendering with GraphQL

DevFeed: [Server Side Rendering with GraphQL](<https://devfeed.tech/articles/server-side-rendering-with-graphql-23368.md>)

Original publisher: [Read original article](<https://www.apollographql.com/blog/how-server-side-rendering-works-with-react-apollo-20f31b0c7348>)

Author: Lewis Chung

Published: 2017-09-15T00:15:00Z

Content type: article

Language: en

Sources: [Apollo Blog](<https://devfeed.tech/sources/apollo-blog.md>)

Topics: [Server-side rendering](<https://devfeed.tech/topics/server-side-rendering.md>), [GraphQL](<https://devfeed.tech/topics/graphql.md>), [React](<https://devfeed.tech/topics/react.md>), [apollo-client](<https://devfeed.tech/topics/apollo-client.md>)

Tags: [apollo-client](<https://devfeed.tech/tags/apollo-client.md>), [community](<https://devfeed.tech/tags/community.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [react](<https://devfeed.tech/tags/react.md>), [server-side-rendering](<https://devfeed.tech/tags/server-side-rendering.md>)

## AI overview

This article explains how server-side rendering works with React and GraphQL. It describes a two-phase process in which data is fetched asynchronously before React synchronously renders the markup, with apollo-client caching fetched data so it is available during rendering.

## Source excerpt

Server side rendering (SSR) is a technique used to speed up load time of JavaScript applications by pre-rendering HTML on the server, rather than waiting for the client to initialize to display the initial markup. I won't cover server side rendering in detail, but feel free to browse the following articles if you want to learn more: - The Benefits of Server Side Rendering Over Client Side Rendering - What Exactly is client Side Rendering and Hows it Different from Server Side Rendering?