https://github.com/Sebastp/Next-react-graphql-apollo_Boostrap

React + GraphQL + Next.js project architecture that I play with right now
https://github.com/Sebastp/Next-react-graphql-apollo_Boostrap

apollo boostrap eslint fullstack graphql javascript nextjs react scss typescript

Last synced: about 2 months ago
JSON representation

React + GraphQL + Next.js project architecture that I play with right now

• Host: GitHub
• URL: https://github.com/Sebastp/Next-react-graphql-apollo_Boostrap
• Owner: Sebastp
• Created: 2019-11-05T23:03:37.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-06-19T12:53:02.000Z (over 1 year ago)
• Last Synced: 2024-05-27T22:49:56.510Z (4 months ago)
• Topics: apollo, boostrap, eslint, fullstack, graphql, javascript, nextjs, react, scss, typescript
• Language: TypeScript
• Homepage:
• Size: 1.74 MB
• Stars: 86
• Watchers: 3
• Forks: 16
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-nextjs - Next Graphql Apollo Typescript_Boostrap - Pobocha - React + GraphQL + Next.js + Apollo + Scss + Typescript + Prettier & EsLint boilerplate (Boilerplates)

README

        
React + GraphQL + Next.js + Apollo + Scss + Typescript Starter




  

  

  

  

  

  



## Project boostrap built with:

- React.js

- Next.js

- Typescript

- SCSS

- Apollo

- GraphQl

- EsLint

- Prettier

- Jest

- Nodemon

- Typegoose

- Type-graphql

## How to use

```javascript

npm i

npm run dev

```

## Environment variables

You can access your .env variables by deconstructing 'process.env' object, both on client and server.

Just make sure that you reboot the server when updating .env file.

## Configuration

You should configure things like eslint, tsconfig, prettier etc. with things that suit you and your project.

Configuration in this project is not perfect - it's just my own preference, and I'm open to suggestions :)

## To see before coding;

- [Check out this to read more about /server/graphql workings](https://github.com/Urigo/merge-graphql-schemas)

- [Context management choice](https://www.youtube.com/watch?v=Q54YDGC_t3Y)

- [Apollo context management](https://www.apollographql.com/docs/react/data/local-state/)