Includes TypeScript, Material UI, ESLint, Jest, and React Testing Library

• Deploy your own
• How to use
• Scripts
  • build
  • dev
  • format
  • lint
  • start
  • test
  • type-check
  • quality
• Accessibility

Deploy the example using Vercel:

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example https://github.com/MileTwo/nextjs-typescript-material-ui-eslint-jest
# or
yarn create next-app --example https://github.com/MileTwo/nextjs-typescript-material-ui-eslint-jest

Deploy it to the cloud with Vercel (Documentation).

All scripts can be run by prefixing with npm run, for example npm run build

Builds the production application in the .next folder.

npm run build

Starts the application in development mode with hot-code reloading, error reporting, and more:

The application will start at https://localhost:3000 by default. The default port can be changed with -p, like so:

npm run dev -- -p 4000

Runs ESLint and Prettier auto-formatting.

npm run format

Runs ESLint static code analysis based on your .eslintrc configuration

npm run lint

Starts the application in production mode. The application should be compiled with npm run build first.

The application will start at https://localhost:3000 by default. The default port can be changed with -p, like so:

npm run start -p 4000

Runs Jest unit tests to validate changes between commits

npm run test

Runs TypeScript compiler to validate there are no type errors between commits

npm run type-check

Runs type-check, lint, and test to make an better developer experience catching preventable quality errors.

npm run quality

Runs in development environment and logs accessibility error results in dev tools console. Tool implementation is in pages/_app.tsx.

Thanks goes to these wonderful people (emoji key):

John Fay 💻 📖 🚧 🚇

Ren Estep 💻 ️️️️♿️ 🚧

Steve Gray 💻 📖 🚧

Jenny Olsen 📖

Brandin Canfield 🚧 🚇 🛡️

Lucas Guiss Gusmão 📖

This project follows the all-contributors specification. Contributions of any kind welcome!