¿Y si tus botones fueran realmente tuyos? No hablo de cambiarles el color. Me refiero a tener el control completo de cómo se comportan, se ven y se integran en tu app sin depender de componentes cerrados. Eso es justo lo que me llevó a probar Shadcn/ui, y fue más sencillo de lo que imaginaba gracias a un curso gratuito que encontré.
Cuando la documentación no basta: por qué necesitaba una guía
Ya había escuchado que Shadcn/ui estaba ganando tracción, sobre todo en proyectos con NextJS y Tailwind. Pero como siempre, leer la documentación no es lo mismo que ver a alguien implementarlo paso a paso.
El curso gratuito “Shadcn/ui: Componentes accesibles y personalizables”, creado por Fernando Herrera de DevTalles, me resolvió justo eso: ver en la práctica cómo se conectan las piezas.
Desde el arranque, el curso divide bien las secciones. Primero el entorno, luego la estructura del dashboard, y después vamos componente por componente. El ritmo es claro y directo. Nada de discursos largos ni ejemplos irrelevantes.
¿Qué se cubre en las clases?
- Introducción: 3 clases (9 minutos) para saber a qué vas.
- Preparación del proyecto: 5 clases (14 minutos) con todo lo esencial para tener listo el entorno.
- Componentes en acción: 13 clases (1h 26 min) que van al grano con Shadcn/ui.
- Cierre: 1 clase final (1 minuto), sin rodeos.
Entre los componentes que vemos están:
- Alertas y controles
- Botones
- Diálogos
- Medallas
- Calendarios
- Avatares
- Tarjetas
Y todo se integra en un dashboard hecho con NextJS y TailwindCSS.
Lo que no deberías perderte (aunque ya sepas React)
La gran ventaja de este curso es que te da una vista práctica, sin abrumarte. No necesitas ser experto en TypeScript o NextJS, aunque ayuda. Con saber lo básico de React puedes seguirlo bien.
Me gustó que Fernando no sólo muestra cómo usar los componentes, sino cómo adaptarlos, entender su estructura interna y hasta usar el CLI para generar nuevos. Algo muy útil si estás cansado de librerías que limitan más de lo que ayudan.
Puntos clave del curso:
| Característica | Detalle |
|---|---|
| Duración | 2 horas |
| Idioma | Español |
| Valoración | 4.9 estrellas |
| Estudiantes | Más de 4,000 inscritos |
| Autor | Fernando Herrera (DevTalles) |
¿Vale la pena? Sí, sobre todo si estás construyendo interfaces modernas y no quieres pelearte con componentes poco flexibles.
Si estás metido en el mundo del frontend moderno, también te puede interesar ver más sobre desarrollo web.
Accede gratis y empieza a construir a tu manera
Si te interesa probar Shadcn/ui sin perder tiempo configurando desde cero, este curso es el punto ideal para comenzar. No necesitas tarjeta, sólo una cuenta de Udemy. Haz clic para empezar.
Y si ya estás dentro, no te olvides de explorar otros cursos sobre React y Tailwind que también tenemos publicados. La combinación de herramientas modernas + control real sobre tus componentes puede ser justo lo que tu proyecto estaba esperando.
