This is a boilerplate(or template, or scaffold) design for a easy CRUD admin web system.It can help you quick start your project.
- This is a Next.js project bootstrapped with
create-next-app
. - MUI for UI component
- formik, dayjs, yup for Form
- Typescript
yarn install
yarn run dev
# same as npm, pnpm
Open http://localhost:3003 with your browser to see the result.
- Main part in
/src/app
, copy folder playerList for your own. - playerList include some components(AddMoal, EditModal, etc.) used for the List,
/api
store require functions. - Edit layout.tsx & page.tsx as Next.js way.
/src/app/playerApi
&/src/data
used for backend CRUD demo, if you use third-party APIs, delete them./src/common
store common component used for this admin dashboard, extend or change them if you want.
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.