Summary
In the first part of this workshop, we learned how to style a Next.js SPA and customize a number of commonly used Material UI components. Our customized SPA includes:
- A custom favicon
- Custom typography
- A consistent theme with primary and secondary colors
- A responsive navigation bar with an active tab indicator
- Support for light and dark mode
- Custom buttons
- A custom speed dial component
- Customized dropdown menus
If you would like to learn more about the Next.js framework and the different MUI components, please consult the resources linked in the conclusion of this workshop series.