Crea Webs Con Claude Code (Guía Definitiva)

Resumen

El video presenta una guía para crear y publicar sitios web con Claude Code, sin necesidad de saber programar ni diseñar.

Proceso

1. Contratar un servicio de hosting: El presentador utiliza Hostinger y muestra cómo elegir un plan, crear una cuenta y seleccionar un dominio o un dominio temporal. También menciona el plan que usa y un cupón de descuento.
2. Preparar Claude Code: Recomienda usar la aplicación de escritorio y señala que se necesita una versión de pago de Claude. También hay que instalar Git, que Claude Code utiliza para gestionar archivos.
3. Añadir una skill de creación web: Una skill es un conjunto de instrucciones especializadas. El equipo del canal ofrece gratuitamente una skill para generar páginas web profesionales, disponible mediante un enlace en la descripción.
4. Generar el sitio: Se elige una carpeta del ordenador para el proyecto y se proporciona a Claude la información y los materiales necesarios, como textos y fotografías. En el ejemplo de una web personal, la generación tarda unos 15 minutos.
5. Corregir errores: El presentador muestra cómo seleccionar una zona de la página con el cursor y pedirle a Claude que la modifique o corrija.
6. Publicar el sitio: Desde el panel de Hostinger, se accede al administrador de archivos y se copian los archivos generados en la carpeta public_html. Para actualizar la web, se suben los archivos de la nueva versión.

Ejemplos y funciones

• Web personal: Incluye biografía, trayectoria, hitos, estadísticas, menciones en medios y una sección de contacto.
• Agencia de viajes: Presenta destinos con información adicional y una función que traduce el contenido al pasar el cursor. La skill incorpora imágenes libres de derechos y añade créditos con las fuentes.
• Restaurante: Muestra platos, fotografías y el menú completo.

Evaluación y limitaciones

El presentador destaca que este método permite crear rápidamente sitios visualmente elaborados y que también podría servir para ofrecer páginas web a clientes.

Sin embargo, advierte que Claude Code no es la mejor opción para sitios que requieren cambios frecuentes, como blogs con publicaciones continuas o tiendas de comercio electrónico. En esos casos, la gestión y la optimización pueden resultar menos convenientes.

Guía y recursos

El video recorre el proceso completo de creación, corrección y publicación de un sitio. También explica cómo reemplazar los archivos publicados para actualizarlo y menciona una miniweb con recursos e instrucciones paso a paso.

Fuentes principales

• Adrián Sáenz: Presentador y narrador.
• El equipo del canal: Creador de la skill gratuita para Claude Code.
• Claude Code y Hostinger: Herramientas utilizadas en la demostración.