Skip to content

Experiment: Certified nodes page redesign showcase#4702

Draft
dimitrieh wants to merge 7 commits intomainfrom
certified-nodes-redesign
Draft

Experiment: Certified nodes page redesign showcase#4702
dimitrieh wants to merge 7 commits intomainfrom
certified-nodes-redesign

Conversation

@dimitrieh
Copy link
Contributor

@dimitrieh dimitrieh commented Mar 16, 2026

Serves as prototype for showcasing to https://github.com/FlowFuse/product/issues/23

Description

Redesign of the certified nodes page. Experimental — exploring layout and content structure improvements.

Content is scaffolded with placeholder text — to be filled in later.

Related Issue(s)

N/A — exploratory redesign

Checklist

  • I have read the contribution guidelines
  • I have considered the performance impact of these changes
  • Suitable unit/system level tests have been added and they pass
  • Documentation has been updated
  • For blog PRs, an Art Request has been created (instructions)

@dimitrieh dimitrieh changed the title Certified nodes page redesign Experiment: Certified nodes page redesign showcase Mar 16, 2026
@netlify
Copy link

netlify bot commented Mar 16, 2026

Deploy Preview for flowforge-website ready!

Name Link
🔨 Latest commit 1508b3d
🔍 Latest deploy log https://app.netlify.com/projects/flowforge-website/deploys/69b7ebc92dd1890008a75e22
😎 Deploy Preview https://deploy-preview-4702--flowforge-website.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 88 (🟢 up 2 from production)
Accessibility: 81 (no change from production)
Best Practices: 100 (no change from production)
SEO: 91 (no change from production)
PWA: -
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

…ages

Introduces data-driven page generation for marketing solutions organized by
protocol, use case, and team. 6 placeholder protocols auto-generate 30
"Connect X to Y" pages via Eleventy pagination. Restructures Solutions nav
dropdown into categorized mega-menu (By Application, By Protocol, By Team,
By Use Case). Content to be filled in later.
…m listings

Three clean columns: Use Cases (IT/OT, UNS, SCADA, MES), Protocols
(Browse All, Connect X to Y), and By Team (all 4 teams listed directly).
…y Team

Protocol column now includes data workflow sub-options: Data Acquisition,
Data Transformation, Data Deployment, Data Storage, Data Visualisation.
Updated useCases.yaml to match the new categories.
…d divider

Use explicit grid-cols-3 layout instead of grid-flow-col to prevent
columns from merging. Move Browse All and Connect X to Y below the 5
data categories with a visual divider.
- YAML manifest with 6 integrations (OPC-UA, MQTT, Modbus, S7, Ethernet/IP, HTTP/REST)
- Integration pairs generator producing 30 Connect X to Y combinations
- Integration detail page layout with hero, use cases, benefits, architecture
- Connect X to Y pages with step-by-step guides
- Redesigned catalog index with certified hero section and community nodes
- Category pill filters for certified integrations
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant