Publique su landing profesional en 5 minutos con Claude y hosting gratuito
Genere el código completo del sitio con una sola frase y publíquelo gratis en internet sin programar.
- 1.Abra el sitio de Claude e inicie sesión en su cuenta gratuita (o cree una nueva).
Si el servicio no está disponible en su región, use una VPN para acceder al sitio.
Claude ↗Sobre la herramienta - 2.Asegúrese de que la función Artifacts esté activada. Haga clic en el icono de perfil, seleccione Settings, luego Feature Preview y verifique que el interruptor Artifacts esté activo.
Esta función permite a Claude mostrar el código listo como una vista previa interactiva en un panel separado.
Claude ↗Sobre la herramienta - 3.Pegue el siguiente prompt en el campo del chat, reemplazando el texto entre corchetes con los datos de su proyecto, y envíe el mensaje.
Genere el código en un solo archivo para facilitar la subida al hosting.
Claude ↗Sobre la herramientaPromptCrea un sitio web landing profesional de una sola página, totalmente responsivo, para [nombre de tu negocio, p. ej., diseñador gráfico freelance]. Escríbelo como un solo archivo HTML con CSS y JavaScript incrustados. Incluye una sección Hero con llamada a la acción, una sección de Servicios, una sección Acerca de y una sección de Contacto con un formulario sencillo. Usa una paleta de colores moderna y minimalista.
Qué hace este promptEste prompt le pide a Claude crear un sitio profesional de una sola página en un solo archivo HTML con estilos y scripts incrustados. Reemplace el texto entre corchetes [ ] por el nombre y la descripción de su negocio. - 4.Espere a que se genere la respuesta. En el panel derecho de Artifacts, haga clic en el icono de descarga (Download) o en «Publish» para guardar el archivo index.html en su computadora.
Si el panel Artifacts no aparece, pida a Claude en el chat: 'Please create an artifact for this code'.
Claude ↗Sobre la herramienta - 5.Vaya a Netlify Drop y arrastre su archivo index.html descargado al área punteada en la pantalla.
No suba archivos que contengan datos confidenciales o personales. Si el servicio no está disponible, use un hosting alternativo gratuito para archivos estáticos, como Tiiny.host.
Netlify Drop ↗ - 6.Espere a que se complete la carga (tomará unos segundos) y copie el enlace público generado. Su sitio ya está disponible en esa dirección.
Puede registrarse en Netlify para vincular su propio dominio y monitorear el tráfico.
Netlify Drop ↗
- gratisClaude (Free tier)El plan gratuito ofrece acceso a la función Artifacts y a la generación de código, pero tiene límites dinámicos en la cantidad de mensajes por hora según la carga del servicio.
- gratisNetlify (Free tier)El plan gratuito permite alojar una cantidad ilimitada de sitios estáticos sin necesidad de vincular una tarjeta bancaria.
Los servicios de IA cambian rápido - las interfaces y los límites gratuitos pueden diferir de lo descrito.