⚛️ Tailwind + NextJS

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.

💜 Projeto

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.

🎮 Techs Relevantes

• 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.

☕ Contatos

Você vai me encontrar em qualquer uma das redes sociais abaixo: