# How to replace node-RED frontend

**URL:** <https://discourse.nodered.org/t/how-to-replace-node-red-frontend/59527>\
**Category:** General\
**Created:** [8 March 2022 09:43 UTC](https://discourse.nodered.org/t/how-to-replace-node-red-frontend/59527 "2022-03-08T09:43:36Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![namph-sgn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/namph-sgn/32/54561_2.png) [@namph-sgn](https://discourse.nodered.org/u/namph-sgn)\
**Post date:** [8 March 2022 09:43 UTC](https://discourse.nodered.org/t/how-to-replace-node-red-frontend/59527/1 "2022-03-08T09:43:36Z")

</div>

Hi all,  
I currently developing an application using Jointjs as the diagraming library. I have read the node-RED documents and I'd love to use node-RED runtime as the backend for my application.  
Is it possible and where should I start? Even a document is enough. Github repo is even better.  
Every suggestion is appreciated.  
Thanks.

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [8 March 2022 09:49 UTC](https://discourse.nodered.org/t/how-to-replace-node-red-frontend/59527/2 "2022-03-08T09:49:11Z")

</div>

> [@namph-sgn](#):
>
> I have read the node-RED documents

Did you read : [Embedding into an existing app : Node-RED](https://nodered.org/docs/user-guide/runtime/embedding)

> [@namph-sgn](#):
>
> Is it possible

Sure, node-red runtime is commanded by the node-red editor via HTTP so yes, it is possible.

> [@namph-sgn](#):
>
> Github repo is even better

Look up ☝ to the top of this page (in the header)

---

<div class="post-metadata">

**Author:** ![namph-sgn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/namph-sgn/32/54561_2.png) [@namph-sgn](https://discourse.nodered.org/u/namph-sgn)\
**Post date:** [8 March 2022 10:25 UTC](https://discourse.nodered.org/t/how-to-replace-node-red-frontend/59527/3 "2022-03-08T10:25:49Z")

</div>

Thanks for the answer.  
I have read the document you sent me and skim through the main github repo.

If I understand the materials correctly, the steps to replace the frontend would be:

- Init node-RED runtime.
- Create a json flow similar to node-RED flow with the new frontend.
- post the flows to node-RED server with APIs in this document: [Admin API Methods : Node-RED](https://nodered.org/docs/api/admin/methods/)

Please correct me if I'm wrong somewhere.

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [8 March 2022 10:28 UTC](https://discourse.nodered.org/t/how-to-replace-node-red-frontend/59527/4 "2022-03-08T10:28:50Z")

</div>

In a nutshell, yes.

---

<div class="post-metadata">

**Author:** ![namph-sgn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/namph-sgn/32/54561_2.png) [@namph-sgn](https://discourse.nodered.org/u/namph-sgn)\
**Post date:** [8 March 2022 10:35 UTC](https://discourse.nodered.org/t/how-to-replace-node-red-frontend/59527/5 "2022-03-08T10:35:58Z")

</div>

Thank you, initially I was stuck not knowing how to start the runtime alone. This document was very helpful. [Embedding into an existing app : Node-RED](https://nodered.org/docs/user-guide/runtime/embedding)  
I have marked the solution.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [22 March 2022 10:36 UTC](https://discourse.nodered.org/t/how-to-replace-node-red-frontend/59527/6 "2022-03-22T10:36:11Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.