Nextjs + HeroUI 工程

Nextjs 官方文档：https://nextjs.org/docs/app/getting-started/installation#quick-start

HeroUI官方文档：https://heroui.com/en/docs/react/getting-started/quick-start

创建Nextjs工程

npx create-next-app@latest my-app --yes
cd my-app
npm run dev

添加HeroUI依赖

npm i @heroui/styles @heroui/react

在 globals.css 中导入 HeroUI 的CSS

@import "tailwindcss";
@import "@heroui/styles"; 

引入测试

import { Button } from '@heroui/react';

function App() {
  return (
    <Button>
      My Button
    </Button>
  );
}