1. Blog
2. Desarrollo web

Curso de Claude Code desde cero

Claude Code es una herramienta de Anthropic que permite crear sitios web, aplicaciones y scripts completos usando lenguaje humano, sin necesidad de escribir código manualmente. Para usarlo de forma segura y rápida, lo ideal es ejecutarlo en un servidor VPS, no en tu computadora local.

En esta guía aprenderás todo desde el principio: qué es, cómo contratar el plan adecuado, cómo conectarte a un VPS con Claude Code preinstalado y cómo pedirle que cree lo que necesitas.

¿Qué es Claude Code y para qué sirve?

Claude Code es una herramienta desarrollada por Anthropic —la empresa creadora del modelo de inteligencia artificial Claude— que permite escribir, modificar y ejecutar código directamente desde la terminal, usando instrucciones en lenguaje natural.

En términos simples: en lugar de escribir código línea por línea, tú le dices en español (o en inglés) lo que quieres construir, y Claude Code lo crea por ti.

Esto no significa que genere un fragmento de código que luego tienes que pegar en algún lado. Claude Code trabaja directamente dentro de un proyecto: crea archivos, los organiza en carpetas, instala dependencias, modifica lo que sea necesario y puede darte una URL o ruta para que veas el resultado en el navegador.

¿Para quién es útil?

• Emprendedores que quieren tener una web o una herramienta digital sin pagar un desarrollador.
• Freelancers que quieren acelerar su producción.
• Pymes que necesitan automatizar procesos o crear páginas informativas rápidamente.
• Cualquier persona con una idea y ganas de materializarla, aunque no sepa programar.

Lo que hace especial a Claude Code frente a otros generadores de código es que trabaja con el contexto completo del proyecto. No solo genera un bloque de código: entiende la estructura, lee los archivos existentes, detecta errores y propone soluciones. Es como tener un programador disponible las 24 horas.

Si te interesa explorar más sobre cómo crear un sitio web funcional usando IA, hay una guía complementaria que te puede ayudar a entender el panorama general antes de entrar en los detalles técnicos.

Por qué ejecutar Claude Code en un VPS y no en tu máquina local

Esta es una de las preguntas más frecuentes cuando alguien empieza con Claude Code: ¿puedo usarlo en mi computadora?

La respuesta es sí, técnicamente se puede. Pero en la práctica, hacerlo en tu máquina local trae varios problemas que se vuelven frustrantes rápidamente:

Problemas de ejecutar Claude Code en local:

• Interrupciones: Si cierras la terminal, apagas el equipo o pierdes conexión, el proceso se detiene. Claude Code necesita sesiones continuas para trabajar en proyectos complejos.
• Recursos limitados: Tu computadora tiene memoria y procesador que comparte con otras aplicaciones. Un proceso de Claude Code activo puede ralentizar todo.
• No es accesible desde fuera: Si creas algo en tu máquina, solo tú puedes verlo. No hay una URL pública para mostrársela a un cliente o probarlo desde el celular.
• Dependencias del sistema: Según el sistema operativo que uses, la instalación puede ser complicada y entrar en conflicto con otras herramientas.
• No hay continuidad: Cada vez que reinicias, tienes que volver a configurar el entorno.

Por qué un VPS resuelve todo eso:

Un servidor VPS (Virtual Private Server) es un servidor remoto -una máquina- que está encendido las 24 horas, tiene recursos dedicados y permite acceder a los proyectos desde cualquier navegador con una URL pública.

Cuando ejecutas Claude Code en un VPS:

• El proceso corre de forma continua, aunque cierres tu computadora.
• Los archivos que Claude Code crea quedan guardados en el servidor y son accesibles desde el navegador.
• Puedes darle a Claude Code acceso directo al entorno donde va a correr la aplicación.
• Si trabajas con clientes, puedes mostrarles el resultado en tiempo real con solo compartir una URL.

Esto es especialmente importante cuando Claude Code crea una web o una aplicación: el resultado no queda en una carpeta local que solo ves tú, sino en un servidor con dirección pública.

Para los proyectos de Claude Code, lo más práctico es contar con un hosting Claude Code VPS que tenga los recursos suficientes y el entorno preconfigurado. Más adelante en esta guía te explicamos qué opción concreta recomendamos.

También puede ser útil revisar consejos de seguridad para proteger un VPS de ataques al servidor, especialmente si vas a exponer proyectos con URLs públicas desde el inicio.

Cómo contratar el plan Claude Pro en la web de Anthropic

Para usar Claude Code necesitas una cuenta en Anthropic con el plan Claude Pro (o Max, según el uso que planees darle). El plan gratuito no incluye acceso a Claude Code.

Paso a paso para contratar Claude Pro

1. Ir al sitio oficial

Accede a https://claude.ai desde cualquier navegador.

2. Crear una cuenta

Si aún no tienes cuenta, haz clic en «Sign up» e ingresa tu correo electrónico. También puedes registrarte con una cuenta de Google. El proceso es simple y toma menos de dos minutos.

3. Acceder a los planes

Una vez dentro, ve a la esquina superior izquierda donde aparece tu nombre de usuario y selecciona «Upgrade plan» o accede directamente a https://claude.ai/upgrade.

4. Seleccionar el plan Pro

El plan Pro cuesta aproximadamente USD 20 por mes (el precio puede variar según la región y el tipo de cambio aplicado). Este plan incluye:

• Acceso prioritario a los modelos más avanzados de Claude.
• Mayor límite de mensajes por día.
• Acceso a Claude Code.
• Uso de herramientas extendidas como análisis de archivos, generación de código avanzada y más.

Si planeas usar Claude Code de forma intensiva —para varios proyectos o en producción— existe el plan Max, con límites más altos, pero el Pro es más que suficiente para empezar.

5. Ingresar los datos de pago

Anthropic acepta tarjetas de crédito y débito internacionales (Visa, Mastercard, American Express). El cobro es mensual y puedes cancelar en cualquier momento desde la configuración de tu cuenta.

6. Activar Claude Code

Una vez con el plan activo, Claude Code está disponible en el entorno de terminal. No hace falta instalar nada adicional desde el panel de Anthropic: la instalación en el servidor es el siguiente paso.

Nota importante: Claude Code no se usa desde la interfaz web de claude.ai como si fuera un chat. Se usa desde la terminal de tu servidor o computadora. La cuenta de Anthropic solo es el acceso al modelo; la herramienta en sí se instala y ejecuta por separado.

Cómo empezar con el VPS de Claude Code (ya preinstalado)

La forma más rápida y sin complicaciones de empezar con Claude Code es usando el VPS 3 de Claude Code de Neolo, que incluye una imagen instantánea con Claude Code ya instalado y configurado.

El VPS 3 de Claude Code es especialmente útil para quienes no quieren perder tiempo configurando el entorno desde cero. La imagen instantánea tiene todo listo: Node.js, las dependencias necesarias y Claude Code instalado.

Además si algo se rompe, no será en tu máquina local donde tienes tu vida personal sino en el vps que se puede restaurar y listo.

Qué incluye el VPS 3 de Claude Code de Neolo

• Sistema operativo Linux (Ubuntu)
• Claude Code preinstalado
• Node.js y npm incluidos
• Acceso SSH desde el primer momento
• IP pública para acceder a tus proyectos desde el navegador
• Uptime consistente y alta disponibilidad

Cómo conectarte al VPS por primera vez

Una vez que contratas el plan y recibes los datos de acceso, te conectas por SSH desde tu computadora.

En Mac o Linux, abre la Terminal y escribe:

ssh root@IP_DE_TU_VPS

La IP de tu VPS y la contraseña te la tiene que dar Neolo una vez que contrates el VPS. El alta es instantánea luego de que hagas el pago así que te llega en unos 5 o 10 minutos que es lo que tarda el servidor VPS en crearse.

En Windows, puedes usar PuTTY o el cliente SSH integrado en Windows 10/11. Abre PowerShell o CMD y escribe lo mismo:

ssh root@IP_DE_TU_VPS

Reemplaza IP_DE_TU_VPS con la dirección IP que Neolo te envía al activar el plan.

Cómo iniciar Claude Code en el VPS

Una vez dentro del servidor, escribe:

claude

Eso es todo. Claude Code se iniciará y te pedirá que autentiques tu cuenta de Anthropic. Abrirá una URL en el navegador para que inicies sesión con tu cuenta Pro.

Una vez autenticado, ya estás listo para empezar a crear.

Tu primer proyecto: crear una página web básica paso a paso

Vamos a lo práctico. Claude Code funciona dentro de una carpeta de proyecto. Primero creas la carpeta, luego entras en ella y ejecutas Claude Code.

Paso 1: Crear la carpeta del proyecto

mkdir mi-primera-web
cd mi-primera-web

Paso 2: Iniciar Claude Code en esa carpeta

claude

Cuando Claude Code arranca, aparece un prompt interactivo en la terminal. Ahí es donde le hablas en lenguaje natural.

Paso 3: Pedirle que cree la web

Simplemente escribe lo que necesitas. Por ejemplo:

Crea una página web moderna para una cafetería llamada "El Rincón". 
Que tenga una sección de inicio con una foto de fondo, 
el menú con 5 productos, 
información de contacto y un formulario de reservas.
El diseño debe ser cálido, con colores marrones y beige.

Claude Code leerá tu instrucción, creará los archivos necesarios (HTML, CSS, JavaScript), los organizará en la carpeta y te confirmará qué hizo.

La respuesta será algo así:

He creado los siguientes archivos:
- index.html (página principal con todas las secciones)
- styles.css (diseño responsivo con paleta marrón/beige)
- script.js (formulario de reservas con validación)

Para ver el resultado, ejecuta:
npx serve . -p 3000

Luego abre en tu navegador: http://IP_DE_TU_VPS:3000

Paso 4: Levantar el servidor para ver el resultado


Ahora abre tu navegador y escribe:

http://IP_DE_TU_VPS:3000

Verás la página web completamente funcional, con el diseño que pediste, accesible desde cualquier dispositivo con esa URL.

Paso 5: Pedir mejoras o cambios

Desde Claude Code puedes seguir iterando. Por ejemplo:

Cambia el color de los botones a verde oliva.
Agrega una sección de reseñas con 3 comentarios de clientes.

Claude Code modifica los archivos existentes sin borrar lo que ya hiciste.

Paso 6: Preguntar dónde quedó todo

Si en algún momento no recuerdas la estructura del proyecto, puedes pedirle:

¿Dónde están los archivos que creaste? 
Dame la ruta y dime cómo acceder a la web desde el navegador.

Y te responderá con exactitud.

Qué más puedes crear con Claude Code: ejemplos reales

Claude Code no está limitado a páginas web simples. Estos son algunos proyectos reales que puedes pedirle:

Sitios web completos

• Una web para tu negocio local (restaurante, estudio de yoga, consultorio, tienda)
• Un portafolio profesional con secciones de proyectos y formulario de contacto
• Una landing page para captar clientes potenciales
• Un blog estático con varias entradas ya incluidas

Herramientas y aplicaciones

• Una calculadora con lógica personalizada (por ejemplo, cotizador de presupuestos)
• Un generador de facturas en PDF
• Un sistema simple de tareas o to-do list
• Un panel de estadísticas con gráficos usando datos que tú ingreses

Scripts de automatización

• Un script que descargue datos de una API y los guarde en un archivo
• Un bot que revise una URL y te avise si cambia el contenido
• Un proceso que renombre cientos de archivos siguiendo un patrón

APIs y backends sencillos

• Una API REST que devuelva datos en formato JSON
• Un sistema de autenticación básico
• Un backend para un formulario de contacto que envíe emails

Lo que hace que Claude Code sea diferente a simplemente copiar código de internet es que entiende el contexto. Si a mitad del proyecto le dices «agrega un modo oscuro» o «necesito que esto también funcione en español», lo hace sin romper lo que ya existe.

Errores comunes al usar Claude Code

1. Pedidos demasiado vagos

Si le dices «crea una web bonita», el resultado puede no parecerse a lo que tenías en mente. Cuanto más específico seas, mejor será el resultado.

En lugar de esto:

«Crea una web para mi negocio»

Di esto:

«Crea una web para mi negocio de reparación de computadoras. Nombre: TechFix. Colores: azul oscuro y blanco. Secciones: inicio, servicios (5 tipos de reparación), precios y contacto. Incluye un número de WhatsApp en el header.»

2. No crear una carpeta de proyecto antes de empezar

Si ejecutas Claude Code sin estar en una carpeta específica, los archivos pueden quedar dispersos. Siempre crea la carpeta primero y entra en ella antes de ejecutar claude.

3. Olvidarse de levantar el servidor para ver el resultado

Claude Code crea los archivos, pero no los sirve automáticamente. Necesitas ejecutar un servidor local (como npx serve, python3 -m http.server o similar) para ver el resultado en el navegador.

4. Interrumpir el proceso a mitad de una tarea compleja

Si Claude Code está creando varios archivos y cierras la terminal, el proceso se corta. En el VPS esto no pasa si usas screen o tmux para mantener la sesión activa:

screen -S claudecode
claude

Para desconectarte sin cerrar el proceso: Ctrl + A, luego D. Para reconectar: screen -r claudecode.

5. No pedir a Claude Code que explique qué hizo

Una de las funciones más útiles es pedirle un resumen al final:

¿Qué archivos creaste, dónde están y cómo puedo ver el proyecto en el navegador?

Esto te evita buscar archivos a ciegas en el servidor.

6. Usar el VPS con recursos insuficientes

Claude Code puede consumir memoria cuando trabaja en proyectos grandes. Si el VPS tiene poca RAM, los procesos se vuelven lentos o se interrumpen. El VPS 3 de Claude Code de Neolo está dimensionado para este tipo de carga.

Lo que dicen los clientes de Neolo

★★★★★ Martin Aberastegue
«Neolo es la mejor compañía de alojamiento web con la que he trabajado. Hace más de 7 años que confío en sus servicios tanto para proyectos propios como de mis clientes.»

★★★★★ Pablo Gutiérrez
«Destaco la velocidad de su soporte y el tiempo de actividad del servidor, que es del 100%.»

★★★★★ Matias
«Es la única empresa que supo resolver todos los problemas que tenía con el hosting. Soporte constante y super profesional.»

Preguntas frecuentes

¿Necesito saber programar para usar Claude Code?

No. Claude Code está diseñado para recibir instrucciones en lenguaje natural. Puedes describir lo que quieres construir tal como se lo explicarías a un programador, y Claude Code se encarga del código. Dicho esto, si tienes conocimientos básicos de terminal (como navegar entre carpetas o ejecutar comandos), la experiencia es más fluida.

¿Cuál es la diferencia entre Claude Code y el chat de claude.ai?

El chat de claude.ai es una interfaz conversacional: le haces preguntas, te responde con texto o código. Claude Code es una herramienta de terminal que trabaja directamente con los archivos de tu sistema: crea, edita y organiza archivos de verdad dentro de tu servidor o computadora. Es mucho más potente para construir proyectos completos.

¿Puedo usar Claude Code gratis?

No de forma continua. Anthropic ofrece un período de prueba limitado, pero para usar Claude Code de forma regular necesitas el plan Pro (aproximadamente USD 20/mes). Es una inversión razonable si lo comparas con contratar un desarrollador para tareas puntuales.

¿Por qué necesito un VPS y no simplemente usarlo en mi computadora?

Tu computadora se apaga, pierde conexión y no tiene una URL pública. Un VPS corre las 24 horas, tiene IP fija y permite que lo que creas sea accesible desde cualquier navegador. Para proyectos que necesitas mostrar o que deben estar disponibles de forma continua, el VPS es indispensable.

¿Qué tipo de proyectos puedo crear con Claude Code desde cero?

Páginas web informativas, landing pages, tiendas básicas, APIs, scripts de automatización, herramientas de cálculo, formularios, paneles de control, blogs estáticos y mucho más. La limitación no es técnica sino la claridad con la que describes lo que necesitas.

¿Los archivos que crea Claude Code son míos?

Sí. Todo lo que Claude Code genera queda guardado en tu servidor o carpeta de proyecto. Anthropic no retiene los archivos. Son tuyo completamente.

¿Puedo conectar Claude Code con un dominio propio?

Sí. Una vez que tu proyecto está corriendo en el VPS, puedes apuntar un dominio propio a esa IP y configurar un servidor como Nginx o Apache para que el sitio sea accesible en una URL limpia (como www.tunegocio.com). Si no sabes cómo hacerlo, puedes pedirle instrucciones al propio Claude Code.

Conclusión

Claude Code es una de las herramientas más prácticas que existen hoy para crear proyectos digitales sin depender de un equipo de desarrollo. La combinación de lenguaje natural con acceso directo al sistema de archivos lo convierte en algo cualitativamente diferente a un simple generador de código.

El punto de partida más directo es contar con el entorno correcto: un VPS con Claude Code ya instalado elimina todas las fricciones técnicas del inicio y te permite pasar de la idea al resultado en minutos.

Si quieres empezar sin complicaciones, el hosting Claude Code VPS de Neolo con imagen de Claude Code preinstalada es la opción más práctica. Con más de 20 años de experiencia, soporte técnico atendido por personas reales y garantía de reembolso de 30 días, es un punto de partida sólido para cualquier proyecto que tengas en mente.