fullstack-apollo-react-boilerplate

KO | EN

gitlite — search

#python #ai #typescript #llm #golang #machine-learning #deep-learning #nodejs #macos #java #cli #awesome-list #pytorch #security

fullstack-apollo-react-boilerplate

(★ 144)

💥A sophisticated Apollo in React boilerplate project.

File Explorer

Download Latest Version (.zip)

- FUNDING.yml
- favicon.ico
- index.html
- manifest.json
- - history.js
  - routes.js
- index.js
.gitignore
.prettierrc
.travis.yml
LICENSE
package-lock.json
package.json
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# fullstack-apollo-react-boilerplate

[![Build Status](https://travis-ci.org/the-road-to-graphql/fullstack-apollo-react-boilerplate.svg?branch=master)](https://travis-ci.org/the-road-to-graphql/fullstack-apollo-react-boilerplate) [![Slack](https://slack-the-road-to-learn-react.wieruch.com/badge.svg)](https://slack-the-road-to-learn-react.wieruch.com/) [![Greenkeeper badge](https://badges.greenkeeper.io/the-road-to-graphql/fullstack-apollo-react-boilerplate.svg)](https://greenkeeper.io/)

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](https://www.robinwieruch.de/graphql-apollo-server-tutorial/).

**Family of universal fullstack repositories:**

Server Applications:

* [Node.js with Express + MongoDB](https://github.com/the-road-to-graphql/fullstack-apollo-express-mongodb-boilerplate)
* [Node.js with Express + PostgreSQL](https://github.com/the-road-to-graphql/fullstack-apollo-express-postgresql-boilerplate)

Client Applications:

* [React Client](https://github.com/the-road-to-graphql/fullstack-apollo-react-boilerplate)

## 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 git@github.com: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](https://www.getrevue.co/profile/rwieruch)
* Check out current [React Courses](https://roadtoreact.com)

fullstack-apollo-react-boilerplate

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

fullstack-apollo-react-boilerplate

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README