🚀 Bootstrap your fullstack GraphQL app within seconds

Advanced starter kit for a fullstack GraphQL app with React and Node.js - based on best practices from the GraphQL community.

Features

• Scalable GraphQL server: The server uses apollo-server-express which is based on Apollo Server & Express
• Pre-configured Apollo Client: The project comes with a preconfigured setup for Apollo Client
• GraphQL database: Includes GraphQL database binding to Prisma (running on PostgreSQL)
• Tooling: Out-of-the-box support for GraphQL Playground & query performance tracing
• Extensible: Simple and flexible data model – easy to adjust and extend
• No configuration overhead: Preconfigured graphql-config setup
• Storybook JS: Build and test your components with storybookjs. Learn more here
• Typescript: Write and ship code with confidence with static typing
• Docker: Develop your application in containerized format. Write once, run anywhere.
• Caddy server: Caddy server is setup for proxy and load-balancing

A full-fledged React, Node and Apollo boilerplate

Requirements

Ensure you have node installed on your machine.

Getting started

# 1. Clone the repo
git clone https://github.com/the-bionic/node-react-graphql-starter.git my-app &&cd my-app
npm install --prefix client && npm install --prefix server # 2. Start docker
docker-compose up
# 3. Deploy the prisma service.
npm run --prefix server deploy:dev OR cd server && npm run deploy:dev
# 4. View app
App is running on localhost:2015

Testing

## Server:
To the test the app, deploy prisma test db, and run the tests:
npm run --prefix server deploy:test or cd server && npm run deploy:test
npm run --prefix server test:docker
## Client
npm run --prefix client test:docker

Commands

# server*`npm run --prefix server build-types` To generate typescript client types from the graphql server. Ensure the app is running.
# client*`npm run --prefix client test:docker` To test client
*`npm run --prefix client storybook:docker` To run storybook. Visit localhost:9009 to see it.