Material UI - Next.js example in TypeScript

How to use

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 Material UI 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.

Default settings

• Set tab width to 2 in vs code settings

VS Code Extensions

Install these extensions for better coding experience:

• css module
• prettier
• eslint
• nextjs snippets
• ES7+ React/Redux/React-Native snippets
• JavaScript (ES6) code snippets
• Typescript React code snippets

Walletconnect projectID

1. Get projectID at https://cloud.walletconnect.com
2. Create a .env.local file at the root of the project.
3. Put your projectID there as:

NEXT_PUBLIC_PROJECT_ID=YOUR_PROJECT_ID

Run template

• Run below command in terminal:

   npm i && npm run dev

• Open localhost in your browser