【Next.js】Next.jsにMaterial-UIを組み込み、ボタン表示をするまで

Next.jsにMaterial-UIを組み込み、ボタン表示をするのがとても簡単だったので備忘録として残します。

$ npm install @material-ui/core
$ npm run dev

import Button from '@material-ui/core/Button';

const Index = () => (
    <Button variant="contained" color="primary">
      Hello World
    </Button>
  );

export default Index;

これで完了です。

material-ui.com