Sitefinity Next.js | Part 5: Implementing Microsoft Fluent UI

This is part 5 of our Sitefinity Next.js series where we’ll install and configure the Microsoft Fluent UI package in our Sitefinity Next.js app and we will modify our custom Sitefinity Content list view to use the Fluent UI React component. And we have a bonus feature at the end of the video so make sure you watch until the end.

Note:
In this video we have a Next.js application based on the Sitefinity Next.js starter template connected to a Sitefinity 15.2 project set up locally in headless mode, and a custom Sitefinity Content list cards view which we created in our earlier videos.

Microsoft Fluent UI documentation (installation guide):
https://react.fluentui.dev/?path=/doc...

0:00 Intro
0:30 Overview of our setup
0:45 What we will do?
1:33 Installing Fluent UI
1:42 Configuring the providers
2:11 Integrating Fluent UI Cards in our view
3:41 Bonus feature
4:36 That's it!
5:08 Subscribe, like and checkout out our videos