React Context en el Header

Algo a tener en cuenta es que la manera en la que se están manejando los estilos es una mezcla de Sass y CSS Modules.
Next.js por defecto soporta CSS Modules y es por eso que solo tuvimos que hacer la configuración de Sass.

Ahora, la manera en la que se generan los nombres de las clases con el formato NombreComponente_NombreClase_Hash es gracias a uno de los features de CSS Modules el cual se encarga de generar nombres de clases únicos en toda la aplicación y de esta manera evitar conflictos con otras clases que se puedan tener.

Aquí les comparto el repositorio de CSS Modules por si quieren saber más de esta implementación. 🤓

para colocar múltiples clases 😄

className={`${styles["more-clickable-area"]} ${styles["navbar-email"]} ${styles.pointer}`}

Me encanto esta clase, así se puede aplicar con el estado de Redux, este curso esta genial 😃