Build a Full Stack E-Learning App | NextJS, Strapi, Typescript, MUI - 3.Styling + Theming
📚 Get to grips with adding MUI light & dark mode theming to our NextJS Strapi project. We make sure we can toggle between the two themes and the choice persists with our very own theme toggle component. We also tidy up some of the styling and our design system colours to the project.
Links 🔗
► https://github.com/thehashton/curious...
💬 Join us on our discord here:
► / discord
Visit our website:
► https://www.curiousbyte.dev
FOLLOW ✅
► / thehashton
► / curious_byte
SUPPORT THE CHANNEL ❤️
► https://www.buymeacoffee.com/curiousbyte
#frontend #webdev #developer #javascript #typescript #webdevelopment #nextjs #strapi #authentication #mui #theming #style #styling #css #scss #designsystems
0:00 Intro
1:10 Adding Material Icons
1:58 Styling brief
2:35 Creating Light Theme
3:42 Creating Dark Theme
4:34 Emotion Cache Helper
5:07 Theming Layout
10:29 CSS Reset (Baseline)
11:00 Theme Toggler component
18:39 Outro
Watch video Build a Full Stack E-Learning App | NextJS, Strapi, Typescript, MUI - 3.Styling + Theming online without registration, duration hours minute second in high quality. This video was added by user Frontend Now 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,031 once and liked it 27 people.