Awesome
<h1 align="center">React + GraphQL + Next.js + Apollo + Scss + Typescript Starter</h1> <p align="center"> <a href="https://www.typescriptlang.org/" target="_blank"><img src="https://img.shields.io/badge/Typescript-v4.5.2-blue.svg?logo=TypeScript"></a> <a href="https://nextjs.org/" target="_blank"><img src="https://img.shields.io/badge/Next.js-v12.0.4-blueviolet.svg"></a> <a href="https://reactjs.org/" target="_blank"><img src="https://img.shields.io/badge/React-v17.0.2-%238DD6F9.svg?logo=React"></a> <a href="https://graphql.org/" target="_blank"><img src="https://img.shields.io/badge/GraphQL-v15.5.5-ff69b4.svg?logo=GraphQL"></a> <a href="https://github.com/prettier/prettier" target="_blank"><img src="https://img.shields.io/badge/styled_with-prettier-ff69b4.svg"></a> <a href="https://github.com/codica2" target="_blank"><img src="https://img.shields.io/badge/licence-MIT-green.svg" /></a> </p>Project boostrap built with:
- React.js
- Next.js
- Typescript
- SCSS
- Apollo
- GraphQl
- EsLint
- Prettier
- Jest
- Nodemon
- Typegoose
- Type-graphql
How to use
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 :)