57 lines
1.7 KiB
Markdown
57 lines
1.7 KiB
Markdown
# Frontend Admin Boilerplate
|
|
|
|
Next.js + typescript + material ui 활용한 admin dashboard Boilerplate.
|
|
|
|
[notion link](https://www.notion.so/Nextjs-MUI-Admin-template-bc57d86c94724bbf83601883c2d5ec13)
|
|
|
|
## Getting Started
|
|
|
|
First, run the development server:
|
|
|
|
```bash
|
|
npm install
|
|
npm run dev
|
|
# or
|
|
yarn
|
|
yarn dev
|
|
```
|
|
|
|
## 폴더 구조
|
|
|
|
```bash
|
|
├─public # static resource root
|
|
│ └─images
|
|
│
|
|
├─server # custom server
|
|
│ └─index.ts
|
|
│
|
|
├─src # source root
|
|
│ ├─@types # type declaration
|
|
│ ├─components # components
|
|
│ ├─constants # constants
|
|
│ ├─hooks # custom hooks
|
|
│ ├─lib # deps library custom
|
|
│ ├─pages # next.js page routing
|
|
│ │ ├─api # next.js api routing
|
|
│ │ └─auth # 로그인 관련
|
|
│ ├─store # recoil 상태관리
|
|
│ └─styles # global styles
|
|
│
|
|
├─test # test 관련
|
|
│
|
|
│ .babelrc # babel config
|
|
│ .env.local # environment variables
|
|
│ .eslintrc.js # eslint config
|
|
│ .gitignore # git ignore
|
|
│ .prettierrc.js # prettier config
|
|
│ jest.config.js # jest config
|
|
│ jest.setup.ts # jest에서 testing-library 사용하기 위한 설정(그외 jest에 필요한 외부 라이브러리 설정)
|
|
│ next-env.d.ts # next.js type declare
|
|
│ next.config.js # next.js config
|
|
│ package.json
|
|
│ README.md
|
|
│ tsconfig.json # typescirpt config
|
|
└ tsconfig.server.json # custom server 사용 시 typescript config
|
|
|
|
```
|