Merlin UI

Local Development

Node.js 12.22.0 or later is required

Install dependencies:

$ npm install

(Optional) Run the development server:

$ npm run dev

Open http://localhost:3000/merlin with your browser. Next.js features Fast Refresh, components will be automatically re-rendered when a file is updated.

Format code:

$ npm run format

Local Deployment

Build the container:

$ docker build -t merlin-ui .

Run the container:

$ docker run -p 3000:3000 merlin-ui

Open http://localhost:3000/merlin

Kubernetes Deployment

The instructions below assume a locally running Kubernetes cluster (like k3s) running its own Docker registry. Instructions for other configurations may vary.

Tag the container:

$ docker tag merlin-ui registry.localdev.me/merlin-ui:latest 

Push it to the local registry:

$ docker push registry.localdev.me/merlin-ui:latest

Build the Kubernetes artifacts:

$ kubectl apply -f src/kubernetes/merlin-ui.yaml

In a web browser, access merlin-UI at http://merlin.localdev.me/merlin.

Dependencies and Resources

• React Documentation
• Next.js Documentation
• Material UI Documentation
• Redux
• SockJS
• Stomp Websocket
• FlexLayout