0:00
/
0:00
Transcripción

El timo de los boilerplate

Aprende a elegir la mejor plantilla para tu proyecto

Si a una suricata la vistes con cazadora, sombrero y pantalones elegantes queda muy bien en la foto, pero “aunque la suricata se vista de seda, suricata se queda”.

En el vídeo de más arriba puedo salir con gorro, pero pasa igual que con la suricata: tengo cuatro pelos en la cabeza.

Las plantillas, templates, themes o boilerplates (¡madre cuantos nombres!) van a vestir tu proyecto de múltiples capas, elegantes features y una fragancia profesional embriagadora.

Pero, en muchos casos, la decepción llamará a tu puerta en pocos clics porque las expectativas no se cumplen.

Tranqui tronqui. A mi también me ha pasado. 😱

⤷ ¿Quieres saber qué esconde una plantilla para SaaS que vende 36.000 dólares al mes?

Se trata de shipfa.st y analizo el caso de éxito en el vídeo que puedes ver más arriba. También disponible en podcast en Spotify y otros podcatchers.

Soy Dani de Web Reactiva y en este envío tendrás 10 alternativas gratis a ChatGPT, el futuro de la profesión dev revelado, alternativas europeas a servicios chinos y americanos, una API para integrar WhatsApp y jugar al pong con las tabs de tu navegador.

Por supuesto estas piezas de software:

  1. Suelen estar bien construidas.

  2. Cumplen sus propósitos para lanzar un proyecto más rápido.

  3. Son una buena pista de despegue para aprender y formarse.

Pero, en muchos casos, ya hemos descubierto el truco: Sus autores son muy buenos extrayendo sus ventajas para venderlas.

Así que para no caer en esos cantos de sirena te propongo 3 ejercicios sencillos antes de sacar la tarjeta y calentarla frente al boilerplate de tus sueños.

🔍 Intenta rellenar todos los huecos

Las plantillas tienen todo montado: fotos, gráficos, testimonios, textos…

¿Qué tienes tú? La idea, quizás unos post-it…

📝 Saca lápiz y papel e intenta completar esos espacios con tu proyecto.

— Empieza por la sección de FAQ (todos los templates tienen una)

— Evalúa si las fotos o gráficos son lo más importante en tu caso

— No intentes rellenar todo, no rebañes el 100%

💰 Analiza el coste oculto

Las templates están bien documentadas y es un contenido al que es fácil acceder.

No basta con el ver el índice y pensar “que guay, lo tengo todo solucionado”.

👉 Investiga qué características posee y, sobre todo, que servicios de terceros utiliza.

Es habitual encontrar integraciones gratuitas con Google Analytics o Stripe y cada vez más frecuente con OpenAI (IA), Auth0 (autenticación) o Crisp (soporte).

Estas últimas son gratis o de muy bajo coste, pero solo al principio, cuando tienes pocos usuarios.

🧐 Mira más allá de los testimonios

Los comentarios de los clientes satisfechos siempre son eso, satisfechos clientes.

Por debajo de estas piezas de software siempre hay un “cuece cuece” que no está enlazado en su landing.

Busca en reddit y en foros de las paltaformas de venta (ThemeFores) o especializados del sector.

👉 Si te cuesta encontrar con Google, lanza esa investigación con Perplexity.

🚀 Consejos para ponerte en marcha

  1. Boilerplatelist tiene una amplia colección de plantillas para SaaS, tanto de pago como Open Source.
    StaticHunt tiene una selección más amplia.
    👉 Next.js tiene mucho tirón, pero hay alternativas en Laravel, .NET, Python, Ruby…

  2. Antes de decidirte, accede a una copia gratuita o una demo y echa un vistazo.
    🔥 Buscar Github por el nombre de la plantilla te puede descubrir joyas inesperadas.

  3. Sube a producción rápido una versión demo para conocer las dependencias y dificultades que puede que se te escapen en tu entorno local.

Las mejores herramientas no son las que tienen más características, sino las que se alinean con tu propósito.

Si te gusta Web Reactiva solo tienes que hacer clic en el corazón ❤️ o compartirlo con este botón. Para ti es un simple gesto, a nosotros nos ayuda a que más gente nos conozca. Gracias 🧡

Compartir

☕️ El mercado laboral para developers se desploma: ¿La IA y el exceso de perfiles marcan el fin de una era?

Un tema poco sesudo ha elegido el colega Gergely Orosz (casi 1M de suscriptores) para marcarse un análisis como un campeón. Estos son sus puntos principales.

📉 Reducción global de vacantes — Las ofertas para developers han caído un 35% desde 2020 en EE.UU., Europa y Canadá, alcanzando niveles similares a la pandemia.

🚀 Equipos pequeños, grandes resultados — Startups como Linear (25 ingenieros) y Bluesky (13) escalan con éxito usando stacks unificados (TypeScript, React Native) y automatización con IA.

⚠️ Demasiado código — La democratización de desarrollo con GenAI podría saturar el mercado con proyectos mal estructurados, requiriendo mantenimiento especializado.

🌱 Oportunidad en nichos estratégicos — Sectores tradicionales (construcción, salud) demandarán desarrolladores para integrar soluciones IA en sus operaciones.

Roles:

🚀 Junior: Dominar herramientas GenAI — Aprender a usar GitHub Copilot, ChatGPT y otras IA para codificar eficientemente y auditar las respeustas.

🛠️ Senior: Arquitectura y escalabilidad — Priorizar diseño de sistemas robustos, integración de IA en flujos de trabajo y toma de decisiones técnicas estratégicas.

Predicción:

↗️ Optimista: Startups ágiles — Equipos pequeños usando GenAI y creando nuevas demandas de roles técnicos especializados.

↘️ Pesimista: Estancamiento corporativo — Grandes empresas priorizarán eficiencia sobre innovación, manteniendo los costes abajo.

— Lee completo Software engineering job openings hit five-year low?


🤖 Robotito quiere IA

Qué hacer cuando te quedas sin créditos en ChatGPT

Los sistemas de IA en la nube tienen límites de uso y sueles quedarte con la miel en los labios, en lo mejor de la conversación.

Alternativas gratis hay muchas y en los comentarios de linkedin me habéis demostrado que conocéis muchas. Gracias por participar 🧡

Aunque ha sido MUY sorprendente ver la opción más votada. Los clásicos nunca mueren.

En todos estos lugares puedes “replicar” la conversación con la IA que tienes en ChatGPT. Y todas, aunque tengan parte gratuita, te pedirán un login.

Claude 💫 → la mejor opción pero muy limitada versión gratuita

DeepSeek 💫 → activa el R1 para mejores respuestas con razonamiento

Devv → buscador para devs

Gemini → me gusta más la interfaz de AIStudio

Groq → modelos Open Source (contamos cómo integrarlo en este taller)

HuggingChat → modelos Open Source y agentes específicos

Mistral 💫 → es europeo y genera imágenes guapas

Perplexity → buscador con esteroides

Phind → busca y genera gráficos y tablas

Qwen → selecciona 2.5-Max para una experiencia más plena

(Marco con 💫 mis preferidos)


🙋‍♀️ La encuestita

La semana pasada ganó abrumadoramente el SI: Queréis que os cuente como trabajo con la IA integrándola en una aplicación.

Esto va a tener unas consecuencias incalculables. Como dice Antonio Recio: “Moriréis entre terribles sufrimientos” 😈

Pero para eso te toca esperar una semana.

¿Qué tema te gusta más para un próximo envío de la newsletter?

🔴 Soy senior sin titulo

🔵 Tu mejor carta: ser un profesional T-Shape

🟢 El caso del programador que no quería ayudar a los que sabían menos que él

🌕 Qué hacer el día después de acabar una formación cara (en tiempo o en dinero)

¡Elige tu ficha de color!

Cargando...

💊 Recursos a tutiplén

⚡️ ASOMBROSICO

Juega al pong en 240 tabs del navegador

Esta locura documentada en vídeo es el “how to” de un juego donde la pelota se desplaza por las pestañas abiertas del navegador. 100% real.

‎ㅤ

🛠 HERRAMIENTAS

Alternativas europeas a servicios archiconocidos

Si tu conciencia europea va más allá del Interail aquí te sorprenderás al ver la cantidad de aplicaciones que conoces de nuestro continente y que son la alternativa en hosting, geolocalización, contraseñas, gestores de tareas… Enviado por 🧡 Camilo.

D2, la alternativa a los diagramas de Mermaid

Generar gráficos desde markdown ya se ha vuelto hasta rutinario, pero, ¿y si pudieras hacer algo diferente al resto? Prueba D2 y aplica el efecto “sketch”. Luego, me cuentas.

🤖 IA PRÁCTICA

UnderlayX AI, un editor de imágenes gratis

Borra fondos, añade textos detrás de las imágenes, clona objetos y más efectos en esta herramienta que además es open source.

‎ㅤ

😎 PARA FARDAR

Saferlayer, marcas de agua que no elimina ni la IA

🧡 José Manuel compartió esta herramienta gratis que añade marcas de agua de forma privada ya que ocurre todo en el navegador.

🛠 HERRAMIENTAS

Evolution API es para integrar WhatsApp en tus apps

🧡 Miguel Alanís compartió esta solución para conectarse a WhatsApp a través de una API, tanto la oficial de Business como la no oficial de Baileys.‎‎

Genera PDF desde el navegador

jsPDF hace lo que promete por sorprendente que parezca: sin servidores te genera un PDF listo para ver o descargar.

🔰 PARA APRENDER

Una web con backend construida en minutos

Gracias a la IA de Bolt, pero también, ojo, con Manifest, un microbackend que se levanta fácil desde un solo fichero.

‎ㅤ

🌳 BUENAS PRACTICAS

Trucos de ciberseguridad para devs en español

El frontend es la puerta de entrada a los “malos” y también tiene sus buenas prácticas para que no te la cuelen.

🛠 HERRAMIENTAS

Opengrep, analizador de código open source

No se escapará ni un bug ni un fallo de seguridad si le pasas a tu repo antes este revisor profesional.

‎ㅤ


PD: Aquí hay un notas que ha migrado Doom (el mítico juego) para que funcione con tipado de TypeScript. El vídeo merece un play hasta por la música.

#349

Y para acabar, si algún día necesitas mi ayuda…

¿Dudas con tu carrera profesional como developer? ¿No encuentras el trabajo que esperabas? ¿Quieres convertirte en creador de contenido para devs?

Te alquilo mi cerebro durante 50 minuts para que te lleves una hoja de ruta personalizada y cargada de dinamita de la buena.

— Reserva una sesión de Consultoría 1 a 1 conmigo

¿No encuentras la motivación para seguir programando? ¿El camino del developer es demasiado solitario? ¿Quieres saber cómo piensa la gente que programa?

La ruta del aprendizaje es un trabajo continuo y el método en la comunidad malandriner es bien sencillo: Poner las manos sobre el teclado

— Únete a la comunidad en Web Reactiva Premium

Discusión sobre este video