https://github.com/dev-robin3012/typescript-mui-nextjs-dashboard

https://github.com/dev-robin3012/typescript-mui-nextjs-dashboard

Last synced: 5 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/dev-robin3012/typescript-mui-nextjs-dashboard
• Owner: dev-robin3012
• Created: 2021-08-10T18:07:51.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-01-08T01:19:56.000Z (almost 2 years ago)
• Last Synced: 2023-03-21T22:50:10.026Z (over 1 year ago)
• Language: TypeScript
• Size: 194 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Next.js with TypeScript example

## How to use

Download the example [or clone the repo](https://github.com/mui-org/material-ui):

```sh

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

cd nextjs-with-typescript

```

Install it and run:

```sh

npm install

npm run dev

```

or:

[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui-org/material-ui/tree/next/examples/nextjs-with-typescript)

## The idea behind the example

The project uses [Next.js](https://github.com/zeit/next.js), which is a framework for server-rendered React apps.

It includes `@material-ui/core` and its peer dependencies, including `emotion`, the default style engine in Material-UI v5. If you prefer, you can [use styled-components instead](https://next.material-ui.com/guides/interoperability/#styled-components).

## The link component

Next.js has [a custom Link component](https://nextjs.org/docs/api-reference/next/link).

The example folder provides adapters for usage with Material-UI.

More information [in the documentation](https://next.material-ui.com/guides/routing/#next-js).