Esse projeto é um aprendizado de TailwindCSS de forma mais avançada usando variantes, alto nível de componentização e algumas libs que ajudam na escalabilidade com Tailwind.
Esse projeto é uma forma de masterizar meus conhecimentos em TailwindCSS construindo uma página de formulário administrativo onde tem-se abas no corpo da página, um menu lateral e vários componentes de texto, upload de arquivo e até editores para escrita da biografia do usuário.
Além disso, foi desenvolvida a funcionalidade de Dark Mode usando o próprio tailwindCSS e trabalhada a parte de responsividade onde foi adaptado o layout para mobile e desktop.
Uma das grandes novidades foi o uso de variantes usando a biblioteca Tailwind Variants que possibilita criar versões diferentes do seus componentes.
- NextJS: Usado por algumas das maiores empresas do mundo, Next.js permite que você crie aplicativos Web full-stack , estendendo os recursos mais recentes do React e integrando poderosas ferramentas JavaScript baseadas em Rust para compilações mais rápidas.
- Tailwind: Uma estrutura CSS utilitária repleta de classes, e que pode ser composta para construir qualquer design, diretamente em sua marcação.
- Tailwind Variants: O poder do Tailwind combinado com uma API variante de primeira classe.
- Tailwind Merg: Função utilitária para mesclar com eficiência classes CSS do Tailwind em JS sem conflitos de estilo.
- Radix UI Primitives: Primitivos React sem estilo, acessíveis e de código aberto para aplicativos da web e sistemas de design de alta qualidade.
Você vai me encontrar em qualquer uma das redes sociais abaixo: