React + GraphQL + Next.js + Apollo + Scss + Typescript Starter
Project boostrap built with:
- React.js
- Next.js
- Typescript
- SCSS
- Apollo
- GraphQl
- EsLint
- Prettier
- Jest tests
- Nodemon
- Styled Components
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 :)
To see before coding;
- pure-functions-immutability-and-other-software-superpowers
- Check out this to read more about /server/graphql workings
- Context management choice
- Apollo context management
- graphql-tag
PS; I'm always looking for interesting freelance/full time opportunities, hmu @ sebastianpob@gmail.com
-
react结合Graphql 安装依赖 yarn add @apollo/client graphql 注意 使用@apollo/client之后，当前组件必定是一个函数式组件，否则会报错 创建实例 import { ApolloClient } from '@apollo/client'; const client = new ApolloClient({ uri: 'http://lo
-
High performance Next + React + GraphQL starter kit The purpose of this starter kit is not to be complete solution, but introduction for creating high performance websites with Next.js, React and Grap
-
Next GraphQL Blog A Blog including a server and a client.Server is built with Node, Express & a customized GraphQL-yoga server.Client is built with React, Next js & Apollo client. The idea behind this
-
graphql-react A GraphQL client for React using modern context and hooks APIs that’s lightweight (< 4 kB) but powerful; the first Relay and Apollo alternative with server side rendering. The API can al
-
Fullstack GraphQL Boilerplates for React & Node.js Bootstrap your fullstack GraphQL app within seconds GraphQL boilerplates provide the perfect foundation for your GraphQL server, no matter if you're
-
Hacker News Clone React/GraphQL This project is a clone of hacker news rewritten with universal JavaScript, using React and GraphQL. It is intended to be an example or boilerplate to help you structur
-
react-graphql-github-vanilla A simple React application consuming the GitHub GraphQL API with plain HTTP requests. Read more about it over here. Features React 16 with create-react-app GitHub GraphQL