/ExpReactApolloGraphQL

Experimenting with React, Apollo, SSR, and GraphQL

Primary LanguageJavaScript

Server Side Rendered React App calling GraphQL API

Quickstart

To get set up, first have Node.js and Yarn installed. Then, in your cloned repository:

yarn install
yarn run dev:server  # starts the express server on localhost:3000 (hopefully)

Alternatively, to serve just the client (no SSR):

yarn run dev:client  # starts server on localhost:1234

Parts

  • Parcel builds the React app and Express server (see package.json for the build jobs).
  • React is the front-end framework.
  • Apollo Client is the GraphQL client and Apollo Boost is the batteries-included set of packages for Apollo Client.
  • Express is the webserver that renders our React page on the server side.