BunAdmin

A simple graphql admin dashboard(Front-End Only). Easy to expand with the flexible plugin. Graphql first, also supports api. Based on React, Next.js, Material-UI, Realtime RxDB, Formik, I18N. Free and Open Source for personal and commercial purposes.

Feature

• [✔️] Plugin *
• [✔️] Multi-user *
• [✔️] Multi-language
• [✔️] Data migration *
• [✔️] Log / message *
• [✔️] Dockerfile & Deploy Shell

Demo

Online demo

Username / password: bunadmin_test

See more on bunadmin-example-strapi

Screenshot

Sign in

Data Migration

More screenshots

How to use

Download the code or clone the repo:

git clone https://github.com/bunred/bunadmin.git
cd bunadmin

Install it and run: (You can install the Yarn v1.2.0+ package here)

yarn
cp env-example.js env.js
yarn run dev

Open http://localhost:1911/

cd plugins
git clone https://github.com/bunred/bunadmin-plugin-buncms-user.git buncms-user
yarn

Refresh preview.

Plugin

Required plugin:

User Auth: api example

Example plugin:

Strapi User: api example

File Explore: graphql example

Data Source Strapi: data source api example

Strapi Blog: api example

You should clone to build your own plugin

A new plugin's structure demo:

• /plugins/[team]-[group]
  • /[name]
    • index.tsx
    • column.tsx
    • /utils
      • initData.tsx
  • /[name]
    • index.tsx
  • package.json

Example:

• /plugins/bunadmin-blog
  • /post
    • index.tsx
    • column.tsx
    • /utils
      • initData.tsx
  • /category
    • index.tsx
  • package.json

intData

Used to generate schema and menus data. example code

Column

Column define how your data looks. example code | read more

Theme

There is only one theme for now which refers to ngx-admin.

Deployment

cp deploy-example.sh deploy.sh
./deploy.sh

AliCloud:

Append the following content to deploy.sh

docker tag ${container} registry.cn-shenzhen.aliyuncs.com/bunlu/${container}:1.0.1
docker push registry.cn-shenzhen.aliyuncs.com/bunlu/${container}:1.0.1

Heroku: Checkout the branch delpoy_heroku_example Replace the following content to deploy.sh

heroku container:push web
heroku container:release web

Thanks

material-ui material-table next.js rxdb formik ngx-admin ant-design-pro react-admin ...

❤️🎉