
Context
DyFlex is an SAP implementation solutions company that operates all throughout Australia on high profile clients.
Digital Knight was brought on as a Next.js principal developer for a vendor portal integration. A variety of SAP systems (Cloud Foundry, S4, BTP) were required to integrate with a responsive front-end system for use by their vendors Australia-wide.
Success criteria
- UI matches proposed design with pixel-perfect accuracy
- Business logic definition to retain all intended user stories
- High level of external API integration across SAP ecosystems
- Performant, scalable, accessible, usable web experience
Outcomes
Digital Knight completed an exceptional UI prototype in 4 working days using a complex FigmaMCP, context and Claude AI development workflow. This was presented to establish client confidence in DyFlex's digital development process.
This workflow was then composed into a pathway future Next.js developers can take to build modern Next.js SAP integrations.
Stack
TechnologyUse Case
Next.jsFull-stack framework with App Router, hybrid SSR/client rendering, standalone deployment
ReactComponent-based UI with Server Components and client interactivity
TypeScriptStrict type safety across the entire codebase
MUI + EmotionEnterprise component library with custom design tokens and CSS-in-JS theming
Redux ToolkitCentralised global state management
SAP BTP Cloud FoundryEnterprise cloud hosting with multi-target application deployment
SAP App Router + XSUAAOAuth2 authentication gateway with role-based access control
SAP OData V4Backend integration with S/4HANA Purchase Order and Service Entry Sheet APIs
Jest + React Testing LibraryUnit and component testing with DOM assertions