kryton / fullstack-apollo-react-boilerplate

💥A sophisticated Apollo in React boilerplate project.

fullstack-apollo-react-boilerplate

A full-fledged Apollo Server with Apollo Client starter project with React and Express. Read more about it in this tutorial to build it yourself.

This repository is the fullstack React client. You can find various working server applications that can be used with this client in the list below:

• PostgreSQL
• MongoDB

Features of Client + Server

• React (create-react-app) with Apollo Client
  • Queries, Mutations, Subscriptions
• Node.js with Express and Apollo Server
  • cursor-based Pagination
• PostgreSQL Database with Sequelize or MongoDB
  • entities: users, messages
• Authentication
  • powered by JWT and local storage
  • Sign Up, Sign In, Sign Out
• Authorization
  • protected endpoint (e.g. verify valid session)
  • protected resolvers (e.g. e.g. session-based, role-based)
  • protected routes (e.g. session-based, role-based)
• performance optimizations
  • example of using Facebook's dataloader
• E2E testing

Installation

• git clone [e-mail]:the-road-to-graphql/fullstack-apollo-react-boilerplate.git
• cd fullstack-apollo-react-boilerplate
• npm install
• npm start
• visit http://localhost:3000

See Server Installation instructions in the other GitHub repository.

Want to learn more about React + GraphQL + Apollo?

• Don't miss upcoming Tutorials and Courses
• Check out current React Courses