search

FlowFuse / website

The FlowFuse Website
https://flowfuse.com
MIT License
22 stars 12 forks source link

"Integrations" Page #2637

Open joepavitt opened 1 month ago

joepavitt commented 1 month ago

Description

We want to render an equivalent of Node-RED Flows Directory at /integrations.

The contents of this new page will replace https://flowfuse.com/certified-nodes/, and so below the tile searching/filtering we should also have a section about the certification program, and how you can submit requests for particular nodes to be certified.

Inspirations

Technical Details

Epic/Story

No response

Have you provided an initial effort estimate for this issue?

I have provided an initial effort estimate

Yndira-E commented 1 month ago

@joepavitt do you have an estimate on the amount of categories? I'm trying to figure out how much space that would take.

If you could provide a list, that would be even better, I'd like to see if we can incorporate some icons according to the category.

joepavitt commented 1 month ago

I believe @knolleary is establishing that now as part of https://github.com/FlowFuse/node-red/issues/24, I'd expected at least a dozen

gstout52 commented 1 month ago

For a first iteration, I think we can drop the requirements around 'FlowFuse Certified' and begin by just having a place for customers to submit flows and categorize them. This will help us quickly build up a library without manual reviewing effort on our part. Later, we can invite those who have submitted flows to request FlowFuse Certification.

joepavitt commented 1 month ago

begin by just having a place for customers to submit flows and categorize them.

This would be part of https://github.com/FlowFuse/website/issues/2638, not this integrations page

Yndira-E commented 1 month ago

@joepavitt will there only be nodes or flows and collections too?

joepavitt commented 1 month ago

In the "Integrations" page - nodes only

Yndira-E commented 1 month ago

@joepavitt here's the preview, and this is the link to the Figma file in case you need it.

Image

gstout52 commented 2 weeks ago

@joepavitt @Yndira-E just checking in! How is this coming along?

joepavitt commented 2 weeks ago

I can investigate this today and get started around my other bits.

joepavitt commented 7 hours ago
Screenshot 2024-11-26 at 12 25 41

Quick update on this as I've finally had time to dive into it. I have the API linked up to flows.nodered.org, as well as merging in the data with our exiting certified nodes, basic page styling in place too.

The complexities still to tackle are:

Yndira-E commented 7 hours ago

Eleventy handling the categories

Could it be done through tags, like the blog categories? Or would that mean only one category could be displayed at a time?

Whether we have a standalone page for each of these integrations too? I think it'll give us some good opportunities to link up to our own content, especially for certified nodes, so should be worthwhile?

This has been discussed before, and the most recent update on this subject can be found in this comment. Here's the relevant content, in case it's useful:

Each Node should include the following content (using split as an example):

  • Purpose
  • Examples
  • Node Documentation
    • Inputs
    • Outputs
  • References (Optional)
    • Similar Nodes
    • Reference Blogs
joepavitt commented 6 hours ago

Could it be done through tags, like the blog categories? Or would that mean only one category could be displayed at a time?

I have had a look, but the way that eleventy builds the pages, I'm not sure it can. Will pursue this route some more.

joepavitt commented 6 hours ago

Was looking up something else, and found this site which is really nice similar layout/experience to what we're after: https://nuxt.com/modules?q=