NextJS Typescript Boilerplate

Bootstrap a developer-friendly NextJS app configured with:

Typescript
Apollo Server creates your GraphQL API
GraphQL code generator automatically generates Apollo Hooks, HoC, TS types
Linting with ESLint
Formatting with Prettier
Linting, typechecking and formatting on by default using husky for commit hooks
Testing with Jest and react-testing-library

Deploy your own

Deploy the example using Vercel:

Click the "green" button on the right

Download the example:

git clone git@github.com:renyuanz/nextjs-graphql-ts-codegen-boilerplate.git my-next-project
cd my-next-project

Install it and run:

npm install
npm run dev
# or
yarn
yarn dev

yarn test
# or watching
yarn test --watch

Name		Name	Last commit message	Last commit date
Latest commit History 11 Commits
lib		lib
pages		pages
public		public
queries		queries
test		test
.babelrc		.babelrc
.eslintignore		.eslintignore
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
.graphqlconfig		.graphqlconfig
.prettierignore		.prettierignore
.prettierrc		.prettierrc
README.md		README.md
Use-this-template.png		Use-this-template.png
codegen.yml		codegen.yml
jest.config.js		jest.config.js
next-env.d.ts		next-env.d.ts
next.config.js		next.config.js
package.json		package.json
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock