Cómo construí un clon de Linktree en 6h con Claude Code (1/2)
Menuda semanita... Pero para qué están los fines de semana si no es para trabajar en lo que nos gusta?
¡Hola Viber! 👋
Discúlpame por no haberte escrito esta semana cuando tocaba. No estaba muerto, es que he tenido una semana de locos y no he parado, no he podido escribir antes 😣
¡Pero no he desaprovechado el tiempo!
Uno de los motivos fue que hice una publicación que explotó y me tuvo contestando mensajes durante un par de días…
Esta es la publicación en cuestión 😅
Y claro, gestionar más de 250 comentarios (la otra mitad son míos avisando que la guía estaba en camino o que ya la había enviado), pues no es poca cosa.
Bueno, si pasaste la semana en una cueva o no me sigues en LInkedIn, aquí puedes ver la guía para pasar de Lovable a Claude Code.
Y cómo no podía ser de otra manera… Ayer sábado estuve probando las capacidades de Claude Code 😃
Vamos al lío y a ver qué ocurrió entre bambalinas:
La idea
Taglify no es una idea nueva. Ya lo había construido una vez: una alternativa a Linktree con dominio propio, pestañas, modo oscuro, QR por enlace... La versión anterior funcionaba, pero me había complicado demasiado intentando emular todo lo que hace Linktree.
Esta vez lo simplifiqué. Ahora, lo que el usuario puede hacer y mostrar es:
Perfil público en taglify.cc/[username]
QR por enlace y a nivel de perfil
Modo claro/oscuro (solamente afecta a la tarjeta, no a la web)
SEO con Open Graph y metadados dinámicos
Tabs (en underline o pill) ilimitados (en el caso de la captura anterior he puesto “social” y “proyectos”, pero tu puedes poner tantos como quieras).
Preview en tiempo real…
Por qué esta vez lo construí diferente
La versión anterior la hice con Lovable.
Lovable es una herramienta increíble para prototipar rápido, sin configuraciones, sin terminal, sin dolores de cabeza. Si quieres ver algo funcionando en una hora sin tocar código, es difícil batirla.
Pero tiene un techo. Y en este caso concreto, ese techo era bastante limitante.
Lovable siempre trabaja con React + Vite. No es una crítica, es simplemente como funciona: tú no eliges el stack, ellos lo eligen por ti. Y Vite es client-side rendering, lo que significa que cuando Google llega a un perfil como taglify.cc/polmarza, recibe una página prácticamente vacía. El contenido lo inyecta JavaScript después, pero Google ya se ha ido.
Sin SEO real
Sin Open Graph por perfil
Sin una indexación fiable
Para una app de dashboards internos, eso no importa demasiado. Pero Taglify es exactamente lo contrario: un producto donde el valor está en que tu página pública aparezca en Google y se vea bien cuando la compartes en redes.
Esta vez lo construí con Claude Code, eligiendo el stack desde cero: Next.js 15. Con SSR nativo, cada perfil es una URL con HTML completo desde el servidor. Google lo indexa sin problema. Y con metadatos dinámicos por ruta, cada usuario tiene su propio Open Graph, su propia imagen de previsualización cuando comparte el enlace.
No es que Claude Code sea mágico. Es que te devuelve el control sobre estas decisiones. Y eso, cuando el producto lo requiere, marca toda la diferencia.
El próximo jueves 26 pasan dos cosas
Y ambas son importantes:
Compartiré el paso a paso técnico de cómo he construido taglify.cc con Claude Code (la arquitectura, la base de datos, la autenticación con Google y los bugs que solo aparecen cuando tienes usuarios reales). Eso merece su propio número.
Nos veremos online con todos los usuarios PRO de la newsletter 😊 tienes el enlace a la reunión en nuestro chat privado.
PD: Si estás leyendo esto y eres usuario PRO, el martes 24 te compartiré, en primicia, la próxima newsletter. Así, el jueves podemos comentarla 😝
¡Nos vemos el jueves!
Pol