react-redux-graphql-passport-starter

an example for next.js AdminLTE react-redux apollo/graphql application, with mongo backend support.

About

This is a starter boilerplate app I've put together using the following technologies:

• next.js
• MERGE-Stack
• AdminLTE
• admin-lte-react
• redux-form to manage form state in Redux
• graphql GraphQL is a query language and execution engine tied to any backend service.
• graphql-server-express GraphQL Server is a community-maintained open-source GraphQL server.
• react-apollo Use your GraphQL server data in your React components, with the Apollo Client.
• apollo-client Apollo Client can be used in any JavaScript frontend where you want to use data from a GraphQL server.
• Express
• Mongoose
• Redux Dev Tools for next generation DX (developer experience). Watch Dan Abramov's talk.

Installation

Running Dev Server

cd server
npm install
install mongo
npm run dev

Running Client

cd client
npm install
copy node_modules/admin-lte to static folder
npm run dev
/register to sign up
/login to log in

Explanation

Client Side

Use react-apollo and apollo-client to fetch data via graphql api.

API Server

Express with apollo server, using passport to authenticate.

---

Thanks for checking this out.

– Scott, Tian, [[email protected]]