https://github.com/maxpou/nest-react-graphql
A React&NestJS application that integrates with GraphQL.
https://github.com/maxpou/nest-react-graphql
Last synced: 4 months ago
JSON representation
A React&NestJS application that integrates with GraphQL.
- Host: GitHub
- URL: https://github.com/maxpou/nest-react-graphql
- Owner: maxpou
- Created: 2021-11-14T12:57:22.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-07-04T17:18:52.000Z (almost 4 years ago)
- Last Synced: 2025-10-05T10:34:02.856Z (8 months ago)
- Language: TypeScript
- Homepage:
- Size: 1.11 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# nest-react-graphql
A React&NestJS application that integrates with [GraphQL](https://graphql.org/).
## 🛠Tools
- [NestJS](https://nestjs.com/) BE Framework
- [React](https://reactjs.org/) FE Framework
- [GraphQL](https://graphql.org/) for BE+FE
- [Apollo](https://www.apollographql.com/) for BE+FE
- [TypeScript](https://www.typescriptlang.org/docs/) for BE+FE
- [GraphQL Code Generator](https://www.graphql-code-generator.com/) for FE to generate GraphQL models
- [Turborepo](https://turborepo.org) for the monorepo management
_Note:_
- this monorepo is a sandbox for experimenting Turborepo. [Here's my blog post about it](https://www.maxpou.fr/turborepo).
- this project uses Nestjs's ["code first" approach](https://docs.nestjs.com/graphql/quick-start#code-first) to generate GraphQL models.
## Commands
```bash
# install
npm install
# start app (requires npm8+)
npm start
# generate schema
npm run generate --workspace=frontend
```
## GraphQL
Query sample:
```graphql
query Orders {
companies {
id
name
orders {
title
quantity
material {
name
}
}
}
}
```