https://github.com/renyuanz/nextjs-typescript-graphql-starter

A Next.js starter with Typescript, Jest, GraphQL Apollo Server & Apollo Client v3 with graphql-codegen.
https://github.com/renyuanz/nextjs-typescript-graphql-starter

apollo-server graphql graphql-codegen jest nextjs typescript

Last synced: 11 days ago
JSON representation

A Next.js starter with Typescript, Jest, GraphQL Apollo Server & Apollo Client v3 with graphql-codegen.

• Host: GitHub
• URL: https://github.com/renyuanz/nextjs-typescript-graphql-starter
• Owner: renyuanz
• Created: 2020-07-29T13:21:37.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T12:46:09.000Z (almost 2 years ago)
• Last Synced: 2024-04-18T14:15:51.793Z (7 months ago)
• Topics: apollo-server, graphql, graphql-codegen, jest, nextjs, typescript
• Language: TypeScript
• Homepage: https://nextjs-typescript-graphql-starter.vercel.app/
• Size: 3.46 MB
• Stars: 19
• Watchers: 2
• Forks: 1
• Open Issues: 14
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# NextJS Typescript Boilerplate

Live demo: https://nextjs-typescript-graphql-starter.vercel.app

Bootstrap a developer-friendly NextJS app configured with:

- [Typescript](https://www.typescriptlang.org/)

- [Apollo Server](https://github.com/apollographql/apollo-server) creates your GraphQL API

- [GraphQL code generator](https://graphql-code-generator.com/) automatically generates Apollo Hooks, HoC, TS types

- Linting with [ESLint](https://eslint.org/)

- Formatting with [Prettier](https://prettier.io/)

- Linting, typechecking and formatting on by default using [`husky`](https://github.com/typicode/husky) for commit hooks

- Testing with [Jest](https://jestjs.io/) and [`react-testing-library`](https://testing-library.com/docs/react-testing-library/intro)

## Deploy your own

Deploy the example using [Vercel](https://vercel.com):

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/renyuanz/nextjs-typescript-graphql-starter)

## How to use

### Use this template

Click the "green" button on the right

![Use this template](./Use-this-template.png)

### Download manually

Download the example:

```bash

git clone [email protected]:renyuanz/nextjs-graphql-ts-codegen-boilerplate.git my-next-project

cd my-next-project

```

Install it and run:

```bash

npm install

npm run dev

# or

yarn

yarn dev

```

## Run tests

```bash

yarn test

# or watching

yarn test --watch

```