chackr-ui-001-first-example

Stack:

• Next.js como um framework React;
• Chakra UI como biblioteca de componentes React;

Notes:

• Link:

https://jpc0rrea.dev/light-dark-mode-facil-chakra-ui-nextjs-typescript

• Iniciando um projeto com Next.js

yarn create next-app light-dark-mode-chakraui --ts
cd light-dark-mode-chakraui
yarn dev

• Instalando e conectando Chakra UI ao projeto

yarn add @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^4

• Criando o nosso primeiro componente com Chakra UI

yarn add react-icons