Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@bunadmin/core

Package Overview
Dependencies
Maintainers
1
Versions
1
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@bunadmin/core

A simple graphql admin dashboard. Easy to expand with the flexible plugin. Graphql first, also supports api. Based on React, Material-UI, Realtime RxDB, Formik, I18N.

  • 1.1.0-alpha.1
  • latest
  • Source
  • npm
  • Socket score

Version published
Maintainers
1
Created
Source

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 Sign in

Data Migration 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 ...

❤️🎉

Keywords

FAQs

Package last updated on 15 May 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc