React+Next.js+MaterialUI+Toolpad技术栈学习——安装

今天跟大家分享一个React+Next.js+MaterialUI技术栈的前端框架Toolpad。

相关资源

• MaterialUI
• Toolpad

框架效果

安装

• 运行安装命令

npx create-toolpad-app@latest your-app
cd your-app
npm run dev

文件结构

无身份认证

├── app
│   ├── (dashboard)
│   │   ├── layout.tsx
│   │   ├── page.tsx
│   │   └── orders
│   │       └── page.tsx
│   └── layout.tsx
├── .env
├── .env.local
├── .eslintrc.json
├── .gitignore
├── next.config.js
├── package.json
├── README.md
└── tsconfig.json

有身份认证

├── app
│   ├── auth
│   │   └── signin
│   │       └── page.tsx
│   ├── api
│   │   └── auth
│   │       └── [...nextauth]
│   │           └── route.ts
│   ├── (dashboard)
│   │   ├── layout.tsx
│   │   ├── page.tsx
│   │   └── orders
│   │       └── page.tsx
│   └── layout.tsx
├── .env
├── .env.local
├── .eslintrc.json
├── .gitignore
├── next.config.js
├── package.json
├── README.md
└── tsconfig.json