Skip to content

jpc0rrea/light-dark-mode-chakraui-pt

Repository files navigation

Light ☀️ e Dark 🌙 mode com Chakra UI e Next.js

Esse projeto tem o intuito de ajudar desenvolvedores a usarem light e dark mode em seus projetos usando Chakra UI e Next.js, além de Typescript. Fiz um post explicando passo a passo desse projeto.

Demonstração da aplicação

Clicando aqui você será levado para a aplicação no ar.

switch-theme-between-pages-gif.webp

🚀 Rodar o projeto em sua máquina

# Clone este repositório
$ git clone https://github.com/jpc0rrea/light-dark-mode-chakraui-pt

# Acesse a pasta do projeto no terminal/cmd
$ cd light-dark-mode-chakraui-pt

# Instale as dependências
$ npm install

# ou instale usando yarn
$ yarn

# Execute a aplicação em modo de desenvolvimento
$ npm run dev

# ou usando o yarn
$ yarn dev

# A aplicação inciará na porta:3000 - acesse <http://localhost:3000>

About

A functional website with Light and Dark mode enabled using ChakraUI

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published