Todos hemos estado en esa situación donde nos viene un conocido o incluso un familiar y nos suelta la típica de, “buah, hazme una web para X temática porque mi idea es brutal y no sé qué”. La respuesta solía ser directamente, no, o bueno, siempre le podías decir que se buscaran la vida con un CMS.
Con la llegada de la IA esto ha cambiado, hoy en día la puerta de entrada para realizar aplicaciones que funcionan es mucho mejor. O incluso si sois freelancers os puede permitir sacar proyectos rápidos y multiplicar vuestros ingresos.
Tabla de contenidos
En este post vamos a hablar de Hostinger Horizons, patrocinador oficial de este contenido.
Recuerda que con el cupón NETMENTOR tienes un 10% de descuento extra en tus compras en Hostinger.
1 - ¿Qué es Hostinger Horizons y por qué debería importarle a un Dev?
Hostinger Horizons es un partner de IA todo en uno que hace de diseñador, desarrollador y copywriter. Básicamente, describes una idea y Horizons construye al instante una web o web app funcional y adaptada a móviles sin necesidad de escribir código.
Sé que estás pensando la típica frase "Yo soy dev, yo programo". Genial, yo también. Pero mira esto desde una perspectiva de productividad y negocio. Hostinger Horizons es ideal para dar valor sin toda la parte fea de montar aplicaciones:
Infraestructura resulta al instante: Está respaldado por la infraestructura de Hostinger, por lo que configuras el hosting, el dominio y el correo en unos pocos clics. Todo en una única plataforma, sin depender de herramientas de terceros, algo muy importante cuando la persona no es técnica.
Gestión de errores inteligente: Tiene un sistema que corrige problemas automáticamente sin que tengas que darle instrucciones extra. Lo mismo, para gente no técnica es ideal.
Sustituto de herramientas internas: Si tienes un equipo pequeño, puedes crear soluciones a medida para reemplazar herramientas de pago carísimas, y lo mejor: sin requerir tiempo de desarrollo.
Es decir, a partir de ahora, cuando te pidan un favor, tu respuesta será: "No te preocupes, lo hacemos en 10 minutos con esto". Y pasas a otra cosa.
2 - Cómo montar una web con No Code en minutos
El flujo de trabajo no puede ser más directo. No hay instalaciones locales, ni dependencias de npm, ni paquetes raros, nada.
2.1 - El prompt inicial para crear una web sin utilizar código
Simplemente describes tu idea. Puedes escribirla o dictarla por voz en un par de frases. Puedes construirlo usando tus propias palabras ya que la gran mayoría de sistemas soportan muchos idiomas, en el caso de hostinger, más de 80.
Idealmente cuantos más datos demos mejor, más se acercará a lo que vamos a buscar, por ejemplo en mi caso quiero montar una web de crochet para mi mujer, ya que quiere vender cosas y poder poner sus opiniones.
Todo el mundo tiene una idea en mente, otra opción para comparar, una web que le gusta, quizá elementos de varias que quieras combinar en la tuya.
En nuestro caso este es el prompt que vamos a utilizar:
Create an online store and blog for a crochet craft brand.
I need a homepage that showcases a gallery of products for sale:
a fully functional shopping cart, and a separate blog section where I can publish crochet patterns and step-by-step tutorials.Crea una tienda online y blog para una marca de artesanía de crochet.
Necesito una página principal que muestre una galería con los productos en venta, un carrito de compras funcional y una sección de blog separada para poder publicar patrones de tejido y tutoriales paso a paso.
Crea una tienda online y blog para una marca de artesanía de crochet. Necesito una página principal que muestre una galería con los productos en venta, un carrito de compras funcional y una sección de blog separada para poder publicar patrones de tejido y tutoriales paso a paso.
Y este es el resultado:
2.2 - Iterando en tiempo real
Aquí es donde la IA brilla. Hemos creado nuestra web, y es algo muy aceptable y funcional, pero no es 100% lo que buscas, quizá quieras cambiar el color de los bordes, o quitarlos.
En lugar de pelearte con el CSS, editas y das forma a tu app en tiempo real simplemente chateando con la IA. ¿Es muy visual tu idea? Puedes subir imágenes o bocetos a mano para guiar la construcción. Además, cuenta con integraciones nativas para conectar formularios de registro, pagos y más.
En nuestro caso, le vamos a pedir que nos cree un formulario de contacto personalizado para recibir encargos individuales:
Add a custom contact form within the products section so customers can request personalized crochet designs and upload reference photos.Añade un formulario de contacto personalizado en la sección de productos para que los clientes puedan solicitar diseños de crochet a medida y adjuntar fotos de referencia.
Añade un formulario de contacto personalizado en la sección de productos para que los clientes puedan solicitar diseños de crochet a medida y adjuntar fotos de referencia.
También podemos pedirle que nos ponga las integraciones con la tienda online aprovechando las integraciones de hostinger
"Configura las integraciones para conectar los pagos de la tienda online."
Y este es el resultado
2.3 - Desplegar con un click
Y finalmente solo hay que darle al botón de desplegar para que esté disponible.
Conclusión
El no-code no viene a sustituir a los desarrolladores. Viene a cubrir otro tipo de necesidad: crear rápido, validar ideas y resolver proyectos pequeños sin convertirlos en desarrollos eternos, y si encima lo tienes con descuento gracias al cupón de descuento NETMENTOR dentro de hostinger, ¡mucho mejor!
