Skip to main content Link Menu Expand (external link) Left Arrow Right Arrow Document Search Copy Copied

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.