Frontend Admin Boilerplate
Next.js + typescript + material ui 활용한 admin dashboard Boilerplate.
Getting Started
First, run the development server:
npm install
npm run dev
# or
yarn
yarn dev
폴더 구조
├─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