Fazt

@FaztTech • 57,138 subscribers

Software, IA y contenido Tech. Siempre testeando herramientas nuevas.

Shorts

Sabías que hay una biblioteca que te permite crear diagramas interactivos con nodos arrastrables y conexiones de forma súper fácil en React? Se llama React Flow y es la misma que usan herramientas como N8N y Stripe. Ademas es OpenSource

Sabías que hay una biblioteca que te permite crear diagramas interactivos con nodos arrastrables y conexiones de forma súper fácil en React? Se llama React Flow y es la misma que usan herramientas como N8N y Stripe. Ademas es OpenSource

84,110 views

Si usas mucho IA para programar y quieres que no solo escriba código, sino que suba tus proyectos a producción, cree pull requests, controle el navegador, gestione tu base de datos y exponga tu localhost a internet… Entonces necesitas conocer estas CLIs para tu IA👇 🔹 GitHub CLI (gh) → Crea repos, pull requests e issues sin abrir el navegador. Terminas tu feature y en segundos tu PR está creado y listo para revisión. Combínalo con un agente de IA y tu flujo es imparable. 🔹 Supabase CLI → Levanta Supabase en local con Docker y en remoto, crea migraciones de base de datos, puede actualizar configuraciones, llenar datos de ejemplos, configurar tu RLS, subir los serverless functions, y mas 🔹 Playwright CLI → Tests end-to-end sin escribir casi nada. Tiene un modo que abre un navegador, graba todo lo que haces y genera el test por ti. Ideal para que tu agente de IA también verifique que la app funciona antes del deploy o simplemente compruebe el mismo su modificación. 🔹 AWS CLI → Sube archivos a S3, gestiona Lambdas, sincroniza tu build con un bucket. Deploy de un frontend estático en un solo comando, reconfigurar tus container, configura tu load balancer y basicamente crea toda tu arquitectura en producción 🔹 Railway CLI → Deploy moderno desde la terminal. Puedes correr migraciones en producción, ver logs en tiempo real y gestionar variables de entorno. Sin abrir dashboards, sin perder tiempo. 🔹 cloudflared / ngrok → Exponen tu localhost a internet con una URL pública. Perfectos para probar webhooks de Stripe, MercadoPago o mostrar una demo a un cliente sin hacer deploy. La clave no es aprenderlas todas de golpe. Empieza con GitHub CLI, agrega Railway cuando hagas tu primer deploy, y ten siempre a mano un tunnel para webhooks. Cuando dominas estas herramientas + IA, tu productividad cambia completamente. Video completo con ejemplos →

Si usas mucho IA para programar y quieres que no solo escriba código, sino que suba tus proyectos a producción, cree pull requests, controle el navegador, gestione tu base de datos y exponga tu localhost a internet… Entonces necesitas conocer estas CLIs para tu IA👇 🔹 GitHub CLI (gh) → Crea repos, pull requests e issues sin abrir el navegador. Terminas tu feature y en segundos tu PR está creado y listo para revisión. Combínalo con un agente de IA y tu flujo es imparable. 🔹 Supabase CLI → Levanta Supabase en local con Docker y en remoto, crea migraciones de base de datos, puede actualizar configuraciones, llenar datos de ejemplos, configurar tu RLS, subir los serverless functions, y mas 🔹 Playwright CLI → Tests end-to-end sin escribir casi nada. Tiene un modo que abre un navegador, graba todo lo que haces y genera el test por ti. Ideal para que tu agente de IA también verifique que la app funciona antes del deploy o simplemente compruebe el mismo su modificación. 🔹 AWS CLI → Sube archivos a S3, gestiona Lambdas, sincroniza tu build con un bucket. Deploy de un frontend estático en un solo comando, reconfigurar tus container, configura tu load balancer y basicamente crea toda tu arquitectura en producción 🔹 Railway CLI → Deploy moderno desde la terminal. Puedes correr migraciones en producción, ver logs en tiempo real y gestionar variables de entorno. Sin abrir dashboards, sin perder tiempo. 🔹 cloudflared / ngrok → Exponen tu localhost a internet con una URL pública. Perfectos para probar webhooks de Stripe, MercadoPago o mostrar una demo a un cliente sin hacer deploy. La clave no es aprenderlas todas de golpe. Empieza con GitHub CLI, agrega Railway cuando hagas tu primer deploy, y ten siempre a mano un tunnel para webhooks. Cuando dominas estas herramientas + IA, tu productividad cambia completamente. Video completo con ejemplos →

33,021 views

Esta semana he estado probando Claude Code Desktop y, honestamente… aunque parece algo simple, puede cambiar bastante cómo trabajas 👀 Porque ahora puedes tener varios proyectos corriendo al mismo tiempo, cada uno con su propio agente: – uno actualizando dependencias – otro creando features – otro revisando errores todo desde una sola interfaz. Además, tiene integración con Git, puedes llamar CLIs, usar MCP, Skills, abrir el editor de código, ejecutar comandos desde la consola… e incluso previsualizar los proyectos dentro de la misma app y dejar que la IA los pruebe por ti 🤯 Ademas todo esto lo puedes ejecutar en Background lo que es necesario para poder trabajar en multiples proyectos Me ha sorprendido todo lo que tiene… y lo poco que se está usando realmente Pero tampoco todo es perfecto… y hay cosas que aun le faltan en mi opinión para poder llegar a ser la herramienta principal de desarrollo, Por eso hice un video mostrando lo bueno y lo malo de usarlo así 👇 ¿Ustedes ya están usando claude code desktop o solo lo usan desde terminal o vscode? 🚀

Esta semana he estado probando Claude Code Desktop y, honestamente… aunque parece algo simple, puede cambiar bastante cómo trabajas 👀 Porque ahora puedes tener varios proyectos corriendo al mismo tiempo, cada uno con su propio agente: – uno actualizando dependencias – otro creando features – otro revisando errores todo desde una sola interfaz. Además, tiene integración con Git, puedes llamar CLIs, usar MCP, Skills, abrir el editor de código, ejecutar comandos desde la consola… e incluso previsualizar los proyectos dentro de la misma app y dejar que la IA los pruebe por ti 🤯 Ademas todo esto lo puedes ejecutar en Background lo que es necesario para poder trabajar en multiples proyectos Me ha sorprendido todo lo que tiene… y lo poco que se está usando realmente Pero tampoco todo es perfecto… y hay cosas que aun le faltan en mi opinión para poder llegar a ser la herramienta principal de desarrollo, Por eso hice un video mostrando lo bueno y lo malo de usarlo así 👇 ¿Ustedes ya están usando claude code desktop o solo lo usan desde terminal o vscode? 🚀

31,670 views

En 2026 ya no existe solo Vercel. Si estás creando un SaaS, un MVP o una API, elegir bien tu Platform as a Service (PaaS) puede marcar la diferencia entre escalar bien… o pagar de más. Estas son 7 que deberías conocer 👇 🚀 Railway — Ideal para freelancers y proyectos fullstack rápidos. Puedes desplegar backend, frontend y base de datos en el mismo lugar. Muy buena DX, integración directa con GitHub y bastante simple de usar. 🔥 Render — Similar a Railway pero con plan gratuito sólido. Permite Node, Python, Go, PostgreSQL y Docker. Muy buena opción para demos y proyectos pequeños sin gastar al inicio. 💰 Seenode — Enfocada en bajo costo. Permite tener backend + base de datos desde precios muy bajos. Ideal para validar ideas o lanzar MVPs sin una gran inversión. 🌎 Vercel — La más popular para Next.js. Excelente experiencia de desarrollador, muchas integraciones (Supabase, Neon, IA), pero puede volverse costosa si agregas muchos servicios externos. ⚡ Cloudflare — Enfoque serverless con Workers. Muy económica, con muchas requests gratuitas por día. Perfecta para apps ligeras y APIs optimizadas, aunque tiene limitaciones en bases de datos tradicionales. 🎨 Netlify — Orientada principalmente a frontend. Ideal para Astro, React, Vue y sitios estáticos. Incluye funciones serverless y formularios integrados. 🧠 Northflank — Más avanzada y flexible. Permite desplegar backend, bases de datos y hasta usar GPUs. Interesante para proyectos con IA o arquitecturas más complejas. En el video explico cuál conviene según tu caso y qué deberías considerar antes de elegir. 🎥 Análisis completo aquí: Si estás construyendo software en 2026, entender estas opciones puede ahorrarte mucho tiempo y dinero. ¿Cuál estás usando tú actualmente? 👀

En 2026 ya no existe solo Vercel. Si estás creando un SaaS, un MVP o una API, elegir bien tu Platform as a Service (PaaS) puede marcar la diferencia entre escalar bien… o pagar de más. Estas son 7 que deberías conocer 👇 🚀 Railway — Ideal para freelancers y proyectos fullstack rápidos. Puedes desplegar backend, frontend y base de datos en el mismo lugar. Muy buena DX, integración directa con GitHub y bastante simple de usar. 🔥 Render — Similar a Railway pero con plan gratuito sólido. Permite Node, Python, Go, PostgreSQL y Docker. Muy buena opción para demos y proyectos pequeños sin gastar al inicio. 💰 Seenode — Enfocada en bajo costo. Permite tener backend + base de datos desde precios muy bajos. Ideal para validar ideas o lanzar MVPs sin una gran inversión. 🌎 Vercel — La más popular para Next.js. Excelente experiencia de desarrollador, muchas integraciones (Supabase, Neon, IA), pero puede volverse costosa si agregas muchos servicios externos. ⚡ Cloudflare — Enfoque serverless con Workers. Muy económica, con muchas requests gratuitas por día. Perfecta para apps ligeras y APIs optimizadas, aunque tiene limitaciones en bases de datos tradicionales. 🎨 Netlify — Orientada principalmente a frontend. Ideal para Astro, React, Vue y sitios estáticos. Incluye funciones serverless y formularios integrados. 🧠 Northflank — Más avanzada y flexible. Permite desplegar backend, bases de datos y hasta usar GPUs. Interesante para proyectos con IA o arquitecturas más complejas. En el video explico cuál conviene según tu caso y qué deberías considerar antes de elegir. 🎥 Análisis completo aquí: Si estás construyendo software en 2026, entender estas opciones puede ahorrarte mucho tiempo y dinero. ¿Cuál estás usando tú actualmente? 👀

50,570 views

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

Muchos usan shadcn/ui pero pocos saben todo lo que puedes hacer con él hoy. Y es que no es solo "copy-paste de componentes", sino que ahora tienes IA, constructor visual de temas, temas completos creados por la comunidad, integraciones con servicios como ElevenLabs, MapLibre y hasta kits de Figma oficiales. Te dejo mis recursos favoritos del ecosistema 👇 🔹 The Gridcn — tema Tron Un tema inspirado en Tron: Ares con 6 variantes (Tron, Ares, Clu, Athena, Aphrodite, Poseidon), efectos 3D con Three.js, glows neón y 50+ componentes. Perfecto para proyectos con identidad fuerte. 🔹 Glitchcn/ui — estética cyberpunk/hacker Componentes con scanlines animados, bordes que emiten luz cyan/emerald y tipografía monospace. Ideal para portfolios dev, dashboards técnicos o cualquier cosa que quiera verse como un terminal hackeado. 🔹 ElevenLabs UI — componentes para apps con IA y audio Si estás construyendo chats tipo ChatGPT, voice agents o interfaces de audio: acá tienes waveforms en tiempo real, agent orbs con estados (idle/listening/talking), voice fill, reproductores. Open source y basado en shadcn. 🔹 UI TripleD — shadcn + Framer Motion 100+ bloques y páginas completas con animaciones listas. Incluye un Builder drag-and-drop para armar landings visualmente antes de copiar el código. Muy útil para prototipar MVPs. 🔹 mapcn — mapas estilo shadcn Componentes de mapa para React construidos sobre MapLibre y estilizados con Tailwind. Se sienten parte del mismo design system. Si alguna vez peleaste con Google Maps en un dashboard, esto te va a gustar. 🔹 shadcn/ui kit de Figma (shadcndesign) Kit de Figma pixel-perfect + plugin que convierte diseños de Figma a código shadcn/ui real. Incluso tiene Agent Skills para que Claude, Cursor o Codex generen componentes desde un frame de Figma. El propio shadcn lo endorsó. 🔹 tweakcn — editor visual de temas El problema clásico: "todas las apps con shadcn se ven igual". tweakcn lo soluciona. Es un editor no-code donde customizas colores, tipografía, border radius, sombras y transiciones con preview en tiempo real, y exporta las variables CSS listas para Tailwind v3 o v4. Viene con presets hermosos para arrancar rápido y son Open source. shadcn dejó de ser una librería y se convirtió en una plataforma de distribución de código. Entre registries de terceros, MCP servers, builder visual y kits de diseño, hoy puedes armar una app completa sin salir del ecosistema. ¿Cuál me falta? Dejen sus favoritos 👇

Muchos usan shadcn/ui pero pocos saben todo lo que puedes hacer con él hoy. Y es que no es solo "copy-paste de componentes", sino que ahora tienes IA, constructor visual de temas, temas completos creados por la comunidad, integraciones con servicios como ElevenLabs, MapLibre y hasta kits de Figma oficiales. Te dejo mis recursos favoritos del ecosistema 👇 🔹 The Gridcn — tema Tron Un tema inspirado en Tron: Ares con 6 variantes (Tron, Ares, Clu, Athena, Aphrodite, Poseidon), efectos 3D con Three.js, glows neón y 50+ componentes. Perfecto para proyectos con identidad fuerte. 🔹 Glitchcn/ui — estética cyberpunk/hacker Componentes con scanlines animados, bordes que emiten luz cyan/emerald y tipografía monospace. Ideal para portfolios dev, dashboards técnicos o cualquier cosa que quiera verse como un terminal hackeado. 🔹 ElevenLabs UI — componentes para apps con IA y audio Si estás construyendo chats tipo ChatGPT, voice agents o interfaces de audio: acá tienes waveforms en tiempo real, agent orbs con estados (idle/listening/talking), voice fill, reproductores. Open source y basado en shadcn. 🔹 UI TripleD — shadcn + Framer Motion 100+ bloques y páginas completas con animaciones listas. Incluye un Builder drag-and-drop para armar landings visualmente antes de copiar el código. Muy útil para prototipar MVPs. 🔹 mapcn — mapas estilo shadcn Componentes de mapa para React construidos sobre MapLibre y estilizados con Tailwind. Se sienten parte del mismo design system. Si alguna vez peleaste con Google Maps en un dashboard, esto te va a gustar. 🔹 shadcn/ui kit de Figma (shadcndesign) Kit de Figma pixel-perfect + plugin que convierte diseños de Figma a código shadcn/ui real. Incluso tiene Agent Skills para que Claude, Cursor o Codex generen componentes desde un frame de Figma. El propio shadcn lo endorsó. 🔹 tweakcn — editor visual de temas El problema clásico: "todas las apps con shadcn se ven igual". tweakcn lo soluciona. Es un editor no-code donde customizas colores, tipografía, border radius, sombras y transiciones con preview en tiempo real, y exporta las variables CSS listas para Tailwind v3 o v4. Viene con presets hermosos para arrancar rápido y son Open source. shadcn dejó de ser una librería y se convirtió en una plataforma de distribución de código. Entre registries de terceros, MCP servers, builder visual y kits de diseño, hoy puedes armar una app completa sin salir del ecosistema. ¿Cuál me falta? Dejen sus favoritos 👇

65,475 views • 1 month ago

¿Recuerdan cuando hablar de software era hablar de apps de escritorio? C#, Java, C++… compilabas, instalabas y listo. Pero ahora TODO es web, hasta las apps desktop, usando frameworks como Electrón ¿Eso significa que ya nadie necesita programar apps de escritorio?

¿Recuerdan cuando hablar de software era hablar de apps de escritorio? C#, Java, C++… compilabas, instalabas y listo. Pero ahora TODO es web, hasta las apps desktop, usando frameworks como Electrón ¿Eso significa que ya nadie necesita programar apps de escritorio?

32,641 views • 1 year ago

Sin Linus Torvalds, probablemente hoy no tendríamos Git. ¿Se imaginan cómo sería el desarrollo de software sin él?

Sin Linus Torvalds, probablemente hoy no tendríamos Git. ¿Se imaginan cómo sería el desarrollo de software sin él?

13,287 views • 6 months ago

No more content to load