# How to use Apollo Client with Remix

DevFeed: [How to use Apollo Client with Remix](<https://devfeed.tech/articles/how-to-use-apollo-client-with-remix-23385.md>)

Original publisher: [Read original article](<https://www.apollographql.com/blog/how-to-use-apollo-client-with-remix>)

Author: Janessa Garrow

Published: 2022-10-12T12:00:00Z

Content type: tutorial

Language: en

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

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

Tags: [api](<https://devfeed.tech/tags/api.md>), [apollo-client](<https://devfeed.tech/tags/apollo-client.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [react](<https://devfeed.tech/tags/react.md>), [remix](<https://devfeed.tech/tags/remix.md>), [ssr](<https://devfeed.tech/tags/ssr.md>)

## AI overview

A tutorial on integrating Apollo Client with Remix for server-side rendered pages. It covers using Apollo Client hooks and caching, setting up a Remix application, installing the required packages, and understanding the relevant file structure.

## Source excerpt

Remix is a newer JavaScript web framework that focuses on using native web API's to improve the user experience by providing fast page loads and transitions. It's both a server and browser runtime, which means you can render your pages and make requests on the server (SSR) or wait to do it in the browser. What if you want to use SSR and Apollo Client together?