https://github.com/souvikbasu/react16-seed-with-apollo-graphql-scss-router4-ssr-tests-eslint-prettier-docker-webpack3-hot

Seed to create your own project using React with Apollo GraphQL client
https://github.com/souvikbasu/react16-seed-with-apollo-graphql-scss-router4-ssr-tests-eslint-prettier-docker-webpack3-hot

apollo-client docker eslint graphql hot-reload jest mocha prettier react react-router reactjs scss seed ssr webpack3

Last synced: 3 months ago
JSON representation

Seed to create your own project using React with Apollo GraphQL client

• Host: GitHub
• URL: https://github.com/souvikbasu/react16-seed-with-apollo-graphql-scss-router4-ssr-tests-eslint-prettier-docker-webpack3-hot
• Owner: souvikbasu
• License: mit
• Created: 2018-05-29T15:06:18.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-05-30T18:51:11.000Z (over 6 years ago)
• Last Synced: 2024-09-28T22:07:09.059Z (4 months ago)
• Topics: apollo-client, docker, eslint, graphql, hot-reload, jest, mocha, prettier, react, react-router, reactjs, scss, seed, ssr, webpack3
• Language: JavaScript
• Size: 120 KB
• Stars: 18
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React seed project to create your own app

Use this seed to create your own React app. It uses React v16 and has following features

* Apollo client to connect to GraphQL server

* SCSS

* React Router v4

* Server Side Rendering

* Snapshot tests using Jest and Enzyme

* Imperative testing using Mocha and Chai

* ESLint

* Prettier

* Docker

* Webpack 3

* Hot reloading

* Security

* Compression

The app is created by ejecting from Create React App cli

## Getting started

Clone this repository

```

git clone https://github.com/souvikbasu/react16-seed-with-apollo-graphql-scss-router4-ssr-tests-eslint-prettier-docker-webpack3-hot.git

```

To install dependencies

```

yarn

```

To run the app on localhost (Client side rendering)

```

yarn start

```

The above command runs the app using Webpack dev server.

Access the app at http://localhost:3000

To build production code

```

yarn build

```

The code will be created in the `build` folder

To run Node server (SSR)

```

yarn run start:prod:server

```

The above command runs the app in a production level node server

Access the app at http://localhost:3000

### App configuration

Change `developer`, `production` or `test` config at `./src/appSettings`