¿Necesitas alojar una página web rápida y profesional en tu dominio personalizado, sin costo alguno? Ya sea una página de aterrizaje, un portafolio personal o incluso una tienda en línea ligera, Cloudflare Pages lo hace absurdamente fácil.
En este tutorial, te guiaré sobre cómo construir y desplegar un sitio web estático en tu dominio personalizado usando Cloudflare, sin tarifas de alojamiento y sin complicaciones de codificación. También hablaremos sobre cómo Selldone, la API de comercio en la nube, encaja para construir sitios de comercio electrónico escalables con potentes características de backend.
1. Construye tu página estática con herramientas de IA
Crear páginas HTML estáticas es más fácil que nunca con la ayuda de herramientas de IA como ChatGPT, Gemini o Claud. Puedes simplemente pedir:
👉 "Crea una página de aterrizaje responsiva usando Bootstrap para una campaña de moda."
Y boom, obtendrás HTML limpio, CSS e incluso un poco de JS si es necesario. Solo asegúrate que tu salida incluya un archivo index.html (este será el punto de entrada de tu sitio web).
2. Regístrate en Cloudflare (Es gratuito)
Dirígete a Cloudflarey regístrate. No se requiere tarjeta de crédito. Cloudflare es confiado por empresas como Shopify, Discord e IBM por una razón: es rápido, escalable y seguro.
Una vez que inicies sesión, ve a tu panel de control y encuentra la sección "Workers & Pages".
Haz clic en el botón “Create Application”.
Cloudflare dashboard > Workesr & Pages
3. Elige cómo desplegar tu sitio
Cloudflare te ofrece dos grandes opciones:
Crear importando un repositorio Git existente
Subir los archivos de tu sitio, incluidos HTML, CSS y JS, directamente desde tu computadora.
Cloadflare - Deploy Codes Options
Opción 1 – Conectar un repositorio Git (Recomendado)
Vincula tu repositorio de GitHub (o GitLab) a Cloudflare. Cada vez que subas nuevo código, Cloudflare desplegará automáticamente tu sitio. ¡Súper eficiente!
Cloudflare - Select Github Project
Cloudflare - Auto deployment setup after linking GitHub
Opción 2 – Arrastrar y soltar tus archivos
Perfecto para inicios rápidos. Solo sube tu index.html, style.css y otros archivos. Pero ten en cuenta que deberás repetir esto para cada actualización.
Cloudflare -
4. Asegúrate de tener un index.html
Tu archivo principal debe llamarse index.html, Cloudflare busca este para cargar tu sitio correctamente.
5. Añadir un dominio personalizado (TuMarca.com)
¿Quieres que tu página aparezca bajo tu propio dominio (como tunombre.com)?
Simplemente ve a tu proyecto en Workers & Pages → Dominios Personalizados → haz clic en “Configurar un dominio personalizado.”
Setup screen for custom domains in Cloudflare
Cloudflare maneja todo detrás de escena: DNS, certificado SSL, configuración de HTTPS, todo de manera automática. ¡En minutos, tu sitio estará activo en tu dominio!
6. Impulsa con la API de comercio sin cabeza de Selldone (Opcional)
¿Quieres añadir características de ecommerce a tu sitio estático? Ahí es donde Selldonebrilla. A diferencia de otras plataformas, Selldone no te ata a un tema o complemento de frontend. En cambio, te da control total sobre:
🛍️ Lista de productos
y diseño de la tienda
💳 Sistemas de pago
📦 Inventario y
CMS
🎯 Campañas,
incentivos y más
💡 Usa el Storefront SDK para obtener tus productos dinámicamente. O incluso consulta los componentes de código abierto completos en GitHub: 👉 https://github.com/selldone
Puntos
clave
Puedes lanzar un sitio estático gratis
en tu dominio personalizado usando Cloudflare Pages.
Herramientas de IA como ChatGPT o Gemini
facilitan la creación del contenido de tu página.
Cloudflare ofrece despliegue automático desde GitHub o
una interfaz de arrastrar y soltar simple.
Obtienes SSL gratis, HTTPS y CDN global
sin configuración.
Empareja con la API de Selldone para
características avanzadas de ecommerce como listados de productos y gestión
de inventario.
Consejos rápidos
para empezar hoy
✔ Pide a una IA que genere un HTML de página de aterrizaje ✔ Crea una cuenta de Cloudflare ✔ Despliega a través de GitHub o sube archivos ✔ Añade tu dominio personalizado ✔ Conecta la API de Selldone si necesitas magia ecommerce Tu sitio, tu dominio, tus reglas, lanzado en minutos. Ahora ve y construye algo grandioso. 💻✨
Add Comment
