Por qué construí mi web con IA (y por qué tú deberías hacer lo mismo)
Por qué construí mi web con IA (y por qué tú deberías hacer lo mismo)
Este es el primer artículo del blog de Bylasesor. Y he querido empezarlo con algo concreto: el proceso real de construcción de esta misma web que estás leyendo ahora.
No una guía teórica. No una lista de herramientas. El proceso real, con sus decisiones, sus errores y sus aprendizajes.
El problema que no queremos ver
Si eres creador de contenido y tu presencia digital existe únicamente en redes sociales, tienes un problema de base que probablemente estás ignorando.
Las plataformas no son tuyas. Las reglas las ponen ellas. Y aunque no es habitual, hay casos documentados de canales suspendidos sin previo aviso, cuentas hackeadas con contenido eliminado, o cambios algorítmicos que destruyen el alcance de un día para otro.
Nadie dice que vaya a pasarte a ti. Pero el riesgo existe. Y tiene una solución simple: tener tu propio espacio en internet.
Un dominio es tuyo para siempre. Nadie puede quitártelo. Y con las herramientas de inteligencia artificial disponibles hoy, construir una web personal no requiere ni una agencia ni un conocimiento técnico avanzado.
Por qué elegí la IA para construir esta web
Tengo un contexto técnico básico: algunas asignaturas de ingeniería informática, proyectos web personales a lo largo de los años, y experiencia práctica con distintas tecnologías. He pasado por HTML, CSS, Javascript, WordPress con Avada y Divi, PHP con motores de plantillas, y la IA de algún hosting, entre otras tecnologías. Nada a nivel profesional, puro placer personal.
Cada etapa tuvo su momento. Pero la que estamos viviendo ahora es diferente.
Hace un año, construir un proyecto con IA requería paciencia, mucho control manual y bastante copia y pega. Hoy, herramientas como Claude Code — integrado directamente en Visual Studio Code — son capaces de construir una web funcional de principio a fin, con mínimas instrucciones y máxima coherencia.
Lo que antes me habría llevado días, lo hice en poco más de una hora. Y el resultado es la web que estás leyendo ahora.
¿Necesito ser técnico para replicarlo? Ayuda. Pero no es imprescindible. Lo que sí es imprescindible es saber comunicarse bien con la IA — que es, en esencia, sentido común aplicado.
La arquitectura que elegí: sin backend, sin base de datos
Esta fue una de las decisiones para este proyecto, y quiero explicarla bien porque tiene implicaciones directas en seguridad, velocidad y mantenimiento. Esto no quiere decir que se vaya a quedar así para siempre, ya que la idea es evolucionarla, pero de momento sirve de ejemplo para cualquiera que quiera tener presencia en Internet sin mucho lío.
La web de Bylasesor, al menos en esta primera versión, no tiene backend ni base de datos. Eso significa que es lo que se denomina una web estática avanzada: todo el contenido está en el código, no en una base de datos que se consulta en tiempo real.
¿Por qué esta decisión?
Para el tipo de web que quería construir — portfolio, repositorio de vídeos, blog y contacto — no necesito persistencia dinámica de datos (bueno, para los corazonzitos de me gusta en los vídeos igual sí, aunque hay alguna otra opción buena sin pasar por el aro). El contenido lo añado yo directamente al código cuando publico algo nuevo. Con la IA como asistente, ese proceso es rápido y no requiere un panel de administración.
¿Qué gana la web con esta arquitectura?
En primer lugar, velocidad. Sin consultas a bases de datos, las páginas cargan casi instantáneamente. Es una ventaja tanto para la experiencia del usuario como para el posicionamiento en buscadores.
En segundo lugar, y esto es importante: seguridad. Una web sin formularios ni conexiones a bases de datos elimina directamente las superficies de ataque más comunes en el mundo web. Las inyecciones SQL, los ataques a formularios de contacto, las vulnerabilidades de autenticación — todo eso desaparece cuando no existe ese tipo de infraestructura. Que eso no quiere decir que sea inhackeable, eh?
La seguridad real: dónde sí hay que prestar atención
Dicho todo lo anterior, quiero ser preciso, porque afirmar que una web "es segura" sin matices sería inexacto.
La web en sí — las páginas que ve el usuario — es más segura que la mayoría de webs con backend. Pero el proyecto vive en dos herramientas que sí requieren protección activa: GitHub y Vercel.
GitHub es donde reside el código fuente de la web. Vercel es la plataforma que lo despliega y sirve en el dominio. Si alguien accede a cualquiera de las dos cuentas, puede modificar la web.
La medida de seguridad más importante en estos casos es la autenticación de dos factores (2FA). Si trabajas con este stack — o con cualquier otro que implique repositorios de código y plataformas de despliegue — activa el 2FA en ambas cuentas antes de hacer nada más.
El stack tecnológico: qué usé y por qué
Claude Code + Visual Studio Code: La combinación que usé para construir la web. Claude Code se integra directamente en el editor y trabaja sobre los archivos del proyecto en tiempo real, de forma mucho más eficiente que copiar y pegar desde el chat.
Next.js: El framework de React con el que está construida la web. Creado por Vercel, lo que hace que la integración con la plataforma de despliegue sea prácticamente transparente.
Vercel: Plataforma de alojamiento y despliegue. La configuré para que cada vez que actualizo el repositorio en GitHub, la nueva versión se despliega automáticamente en el dominio. Sin intervención manual.
GitHub: Control de versiones. Permite mantener un historial de todos los cambios y, en caso de error grave, volver a cualquier punto anterior del proyecto.
El proceso: cómo trabajé con la IA
Antes de generar ningún código, hice algo que recomiendo hacer siempre: organizar la información del proyecto en archivos de instrucciones estructurados.
Trabajé con dos archivos en formato markdown: uno con las instrucciones maestras del proyecto (tecnologías, estructura, decisiones de diseño) y otro con el prompt inicial de trabajo. Esta forma de trabajar permite que la IA tenga contexto completo desde el inicio, sin necesidad de repetir información a lo largo de la conversación.
Le definí cuatro secciones: una página Home tipo landing, una sección de blog con filtrado por categoría, una página de vídeos separada por formato (largos y Shorts), y la página de contacto.
Le pedí también que propusiera ideas propias y opciones de paleta de colores coherentes con el enfoque de la marca. El resultado fue suficientemente bueno como para seguir esa dirección con pocos ajustes. Luego hice yo algunos cambios más, especialmente a nivel de diseño, cosa que me gusta ir haciendo ya que soy bastante maniático con todo ello.
Los errores reales (porque los hubo)
No quiero que este artículo suene a que todo fue perfecto. No lo fue.
Durante el despliegue en Vercel apareció un error: la plataforma interpretaba el proyecto como una web estática en HTML básico, no como un proyecto de Next.js. La causa fue un archivo index.html que había quedado en el directorio y que confundía al sistema, ya que antes tenía una web plana para decir que estaba en proceso de construcción, vamos... un html de toda la vida y algo de css, que también me lo hizo Claude, ya que ya he perdido mucho tiempo años atrás picándolo todo de forma manual y ahora... es que no tiene ningún tipo de sentido!!. Una vez eliminado y añadido el archivo de configuración correcto, el despliegue funcionó sin problemas.
También añadí botones de "me gusta" (como he dicho antes) en los vídeos sin recordar que, sin base de datos, no hay persistencia. De todas formas, si le das me gusta, verás tu voto y ya está, y si vuelves a la página lo seguirás viendo siempre y cuando no hayas limpiado cookies (por cierto eso me recuerda que tengo que implementar una pequeña política de cookies que haré en breve). Es un error que reconozco, pero sin más, básicamente porque cuando empecé a generar algo de información de la web que quería construir para Claude, todavía no había decidido el prescindir de base de datos. De todas formas ya tengo solución identificada sin pasar por backend propio: Vercel ofrece una solución de almacenamiento gratuita hasta cierto volumen que permitirá implementar esa funcionalidad, obviamente con sus limitaciones, pero vamos, que no creo que llegue a ellas, y si para entonces sucede, eso será buena señal y ya habremos hecho cambios importantes en esta misma web. Lo documentaré cuando lo implemente.
La reflexión de fondo: IA y futuro laboral
Este proceso me ha llevado a pensar, una vez más, en algo que llevo tiempo observando: la inteligencia artificial está cambiando el mercado laboral de formas que muchos todavía no quieren reconocer abiertamente... sé que hay mucho debate de esto, pero tengo clara la progresión. Pensad que en un año y poco hemos pasado de utilizarla a nivel de código para funciones concretas, en modo copy-paste, a que ahora ya sea capaz de desarrollar un proyecto web entero con pocas instrucciones, pues imagina lo que será capaz de hacer en dos o tres años.
Los trabajos más rutinarios y administrativos serán los primeros en reducirse. No desaparecerán del todo, pero la escala cambiará. Un ejemplo que viví de cerca: los departamentos de compras en empresas distribuidoras. Antes requerían de bastante personal para calcular pedidos a proveedores. Hoy, sistemas automatizados hacen ese trabajo con mayor precisión y consistencia, de hecho, este proceso ya lo vi hace unos 7 años. Obviamente no era IA como lo de hoy, era código bien aplicado, ya que teniendo en cuenta las diferentes variables como stocks, mini-max, plazos de entrega de proveedores, rotaciones, y más variables que les puedes meter a esos sistemas, automatizan gran parte de la gestión de compras. El resultado no es necesariamente destrucción de empleo neta — las empresas que adoptan estas tecnologías crecen más rápido y pueden contratar de forma diferente — pero la naturaleza de los trabajos cambia. Bien es cierto que en empresas muy muy grandes, muy posicionadas con crecimientos menores, sí realizarán transformaciones de personal que implicarán en despidos. Tengo mi teoría de cómo la IA va a afectar ya no solo al empleo sino al propio sistema Capitalista, probablemente sufra una de las transiciones más radicales desde que existe el modelo, pero lo dejaré para algo más adelante.
En Bylasesor vamos a hablar de esto en profundidad, porque es una conversación que los pequeños empresarios, autónomos y trabajadores necesitan tener cuanto antes.
Conclusión
Construir bylasesor.com me llevó poco más de una hora. El resultado es una web rápida, segura en sus fundamentos y completamente personalizable.
Creo que especialmente es una buena idea alojar los vídeos. También sirve para aquellos que no quieran navegar en YouTube con diferentes distracciones, sino centrarse más en un solo contenido durante un rato determinado, al estilo pomodoro XD.
Si eres creador de contenido, estás construyendo tu marca personal, y todavía dependes exclusivamente de las redes sociales: el momento de tener tu propio espacio es ahora. Las herramientas existen. El coste es mínimo. Y la tranquilidad que da saber que tu presencia digital no depende de las decisiones de una plataforma no tiene precio.
En el vídeo de YouTube tienes el proceso completo grabado en pantalla, con los errores incluidos, aunque a cámara rápida, ya que el vídeo es de unos 8 minutos para que no te quedes por el camino, la idea es resumir el proceso y que tengas unas ideas generales.
Mi idea tanto en los vídeos de YouTube como en esta web no va a ser llegar a niveles de especialización elevados, sino transmitirte unas directrices generales suficientes para entender mejor el funcionamiento de las empresas, una buena gestión, funcionamientos de mercados, sistemas, de manera que cada persona profundice en lo que deba en el momento oportuno. Piensa que la especialización o parte de ella, viene en momentos determinados, y antes de eso es importante una buena base. Se trata de tener una preparación general que hoy día es super necesaria en entornos de empresa, a pesar de que puedas pensar lo contrario debido a que siempre hemos oído hablar mucho sobre la especialización. De hecho, creo que precisamente con la IA, los perfiles más demandados van a cambiar bastante en muchas empresas requiriendo cada vez gente con conocimientos más generales que no tan específicos. Obviamente, siempre habrá lugar para la especialización, y no quiere decir ni mucho menos que vaya a desaparecer, pero el hueco se va a reducir, y en esas posiciones muchas veces vas a terminar más quemado que nunca, pues es un trabajo super rutinario y al final los mejores puestos los consiguen los mejores, lo que implica una lucha y desgaste tremendo. Además, no todos valemos para cualquier cosa, el cerebro también marca la diferencia (biología), hay gente que por ejemplo la programación la coge super rápido, y hay gente que no, y te aseguro que las empresas no miden el esfuerzo, sino el resultado. Hay que saber identificar en lo que uno es bueno, y lo que le gusta! que eso también es realmente importante porque siempre te va a ayudar a ser mejor.
Nos vemos en el próximo artículo.