Projeto Lista de avatares com TailwindCSS e shadcn/ui

Crie uma lista de avatares customizável, usando shadcn/ui, Tailwind e Next.js 14

Assistir agora

1. Introdução da Lista de Avatares

Todos os nossos projetos são gratuitos, porém os tutoriais são exclusivos para membros do Codante PRO. Algumas aulas estão abertas para você experimentar.

Se gostar, considere assinar para ter acesso a todos os tutoriais e apoiar o projeto!

Seu Instrutor

Ícaro Harry

Codante.io

Fundador e Professor no Codante.io.

Dev front-end com 9 anos de experiência no Brasil e no exterior. Professor e mentor há mais de 3 anos, tendo ajudado mais de 600 pessoas a iniciarem suas carreiras na programação.

Aulas

Junte-se a outras 14 pessoas que estão fazendo esse mini projeto.

Projeto Lista de avatares com TailwindCSS e shadcn/ui

Assistir agora

Seu Instrutor

Ícaro Harry

Aulas

Introdução da Lista de Avatares

Explicação do projeto e configuração inicial

Instalando o shadcn/ui

Criando o componente de avatar

Criando a lista de avatares

Customizando o avatar com a biblioteca class-variance-authority

Criando os selects para trocar entre as variantes

Fazendo o deploy da lista de avatares

Junte-se a outras 14 pessoas que estão fazendo esse mini projeto.