Widely adopted front-end framework
We also make use of TypeScript to ensure the code we deliver has fewer bugs.
Progressive application framework
We use the React framework Next.js which allows us to serve statically pre-rendered pages, leading to faster site performance for users and allowing search engines to better index the content of the site for higher rankings.
The website was styled using the SaaS framework, allowing us to define a theme based on the design system for a much more rapid development experience.
Headless CMS for an 100% up-to-date experience
The front-end is driven by data from headless CMS Contentstack as well as various custom APIs built by the SAP teams. Our use of incremental static regeneration means that if data from any of those sources are changed, the static pages will always stay up to date - a solution we’ve also previously built for Sky. Here at Tangent, we also do a lot of work with Contentful for brands such as REED
and recently Umbraco’s new headless service Umbraco Heartcore for UKPN and Egis. Besides being the best choice in terms of regeneration, they also benefit from being a managed service with hosting and maintenance support with SLA around uptime and incident response, as well as automatic upgrades.
We worked very closely with the SAP development teams on the overall system’s architecture, data modelling and approach before owning the front-end workstream. Due to the tight deadlines imposed by SAPPHIRE NOW there were also separate workstreams for our local API, system integrations and quality, which all worked independently following the rapid development model made possible by architectural choices.
Improvements in performance
Thorough tests by the Tangent QA team show that the new SAP Learning platform is also providing a much faster experience for the end user. The new platform achieves a 46% improvement in the base level performance score (based on key page quality metrics from Lighthouse), with the greatest improvements in First Contentful Paint and Cumulative Layout Shift. The team also generated a 10% uptick on the Best Practices score; a 22% improvement in the Accessibility score; and an 11% boost to the SEO score.