/nextjs_mui_ts_eslint_prettier_v1

Primary LanguageTypeScript

Next.js with TypeScript example with Eslint & Prettier

(Origin: Next.js with TypeScript example )

What this repo difference exists?

This repo add developer experience for newbies.

  • Add eslint in the project and make the lints work with React
  • Add prettier support and combine with eslint
  • Modify default files for linters and formatters
  • Add useful developer settings for vscode

How to use

Download the example or clone the repo:

curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2  material-ui-master/examples/nextjs-with-typescript
cd nextjs-with-typescript

Install it and run:

npm install
npm run dev

or:

Edit on StackBlitz

Edit on CodeSandbox

The idea behind the example

The project uses Next.js, which is a framework for server-rendered React apps. It includes @mui/material and its peer dependencies, including emotion, the default style engine in MUI v5. If you prefer, you can use styled-components instead.

The link component

The example folder provides an adapter for the use of Next.js's Link component with MUI. More information in the documentation.

What's next?

You now have a working example project. You can head back to the documentation, continuing browsing it from the templates section.