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
Смотрите видео Build a Full Stack E-Learning App | NextJS, Strapi, Typescript, MUI - 3.Styling + Theming онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Frontend Now 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,031 раз и оно понравилось 27 людям.