Help with ramp-up embedded system inside react application

Questions
1

Describe the problem/error/question

We are looking for an option to integrate n8n inside our system, including custom design, using features that are more focused on our users’ type, and add triggers and actions that are relevant to our system.

However our system is built in react.

Are there any guidelines / solutions from community / n8n regarding how to do this correctly?

currently our options are:

  • If there’s any ready solution to embed in react - look for them.
  • Forking n8n to a different repo => customize it to our needs in Vue => import it as a micro-frontend service into our react application (are there any guildlines for this, too?)
  • Build the UI from scratch, using mostly n8n backend capabities

Thank you!

2

It looks like your topic is missing some important information. Could you provide the following if applicable.

  • n8n version:
  • Database (default: SQLite):
  • n8n EXECUTIONS_PROCESS setting (default: own, main):
  • Running n8n via (Docker, npm, n8n cloud, desktop app):
  • Operating system:
1 Like
3

Hey @Ben_Cohen,

Welcome to the community :raised_hands:

As embedding n8n needs a license have you already asked our licensing team if they have any examples or pointers they can share from other embed customers or for possible help setting up a PoC? Could be a good way to find the answers you are after.

4

i have taken embed license for the n8n. can we integrate as micro frontend in our existing vuejs app. Could you please guide.

5

Hey @zia

If you have an embed license you can reach out to your sales contact for information on that.