Construí un website de producción — con formularios de contacto funcionales, integración de calendario con tres niveles de servicio, contenido de blog real, analíticas de visitantes, y diseño profesional. Todo sin saber programar. Soy contador público autorizado, no desarrollador de software.
Este artículo documenta el proceso completo: desde la estrategia inicial hasta el deployment, las herramientas utilizadas, y los costos reales involucrados.
Este artículo tiene fines informativos y educativos. Describe mi experiencia personal construyendo ciprescpa.com usando herramientas de IA. Los resultados pueden variar según el proyecto, la complejidad, y el nivel de dedicación.
Paso 0: La estrategia viene primero
Antes de escribir una sola línea de código, invertí semanas en planificación estratégica. Definí la filosofía de marca (la metáfora del ciprés), los pilares de mercadeo (tres fuentes de ingreso), la estrategia de contenido (cinco pilares temáticos), y el posicionamiento competitivo.
Todo esto vivió en un documento de 15 páginas en formato markdown llamado ElPlanoMaestro.md. La IA no toma decisiones de negocio — eso sigue siendo responsabilidad humana. La estrategia de marca, la estructura de precios, y la selección de contenido precedieron cualquier implementación técnica.
Paso 1: Claude y Claude Code
La herramienta principal de desarrollo fue Claude, el modelo de inteligencia artificial de Anthropic, junto con Claude Code, su interfaz de línea de comandos. El stack tecnológico incluye Next.js, Tailwind CSS, y Framer Motion.
Claude Code opera a través de comandos en la terminal. No necesitas saber programar — describes lo que quieres en lenguaje natural y la herramienta genera el código. Es como tener un desarrollador disponible las 24 horas.
Paso 2: GitHub
GitHub sirve como sistema de control de versiones y almacenamiento de código. Cada cambio queda documentado, y lo más importante: habilita el deployment automático a través de Vercel.
Paso 3: Vercel y el dominio
Vercel provee hosting gratuito para el website, conectado a un dominio comprado en Namecheap por aproximadamente $10 al año. Cada cambio enviado a GitHub se publica automáticamente en producción — sin intervención manual.
Lo que se construyó
El resultado final incluye funcionalidades que normalmente requieren un equipo de desarrollo:
- Blog con contenido profesional real
- Integración de Calendly con procesamiento de pagos via Stripe (tres niveles de servicio)
- Formularios de contacto funcionales via Resend
- Analíticas de visitantes con PostHog
- Imágenes de vista previa para redes sociales generadas automáticamente
Desglose de costos
Una de las ventajas más significativas de este enfoque es el costo. La mayoría de las herramientas utilizadas son gratuitas o de bajo costo:
- Claude Max: $100/mes (plan completo) o $20/mes (plan básico)
- Next.js + Tailwind CSS: Gratis
- Vercel (hosting): Gratis
- GitHub: Gratis
- Resend (emails): Gratis
- PostHog (analíticas): Gratis
- Calendly: Gratis o plan pagado
- Stripe: 2.9% por transacción
- Namecheap (dominio): ~$10/año
Reflexión final
La accesibilidad de la presencia digital profesional ha cambiado fundamentalmente. Las herramientas existen, los costos son mínimos, y la curva de aprendizaje se ha reducido dramáticamente gracias a la inteligencia artificial.
Lanzar con el 75% del producto terminado resultó más valioso que pulir indefinidamente. La barrera que queda no es técnica — es la decisión de empezar.
¿Te gustó este artículo?
Suscríbete a mi Substack para recibir contenido nuevo directo a tu inbox — análisis contributivo, estrategias de IA, y más.
Rodolfo C. Romañach Álvarez, CPA
Founder of Ciprés LLC · Puerto Rico's AI CPA
