Skip to content

findyourmagic/dber

Repository files navigation

DBER | Database design tool based on entity relation diagram

中文

Website and Demo

https://dber.tech

Demo Gif

Features

  1. Design data structures Visually
  2. Create relationships with drag and drop
  3. Export SQL scripts from the graph

Tech stack

SVG

Next.js(React)

DBML

ArcoDesign

Dexie(indexDB)

Getting Started

First, Clone the repository or download the source code.

Install the dependences.

npm install
# or
yarn install

Run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Run in the production mode:

npm run build && npm run start

Export static pages:

npm run gen

Build & Startup with docker

Build docker image with command:

docker build -t dber .

Then run it with docker or docker compose:

docker run -p 3000:3000 dber

OR

docker-compose up -d

Open http://localhost:3000 with your browser to see the result.

Inspired by

dbdiagram

antv x6