We have all been in that situation where an acquaintance or even a family member comes to us and drops the classic, “wow, make me a website for X topic because my idea is amazing and whatever”. The answer used to be a straight no, or well, you could always tell them to figure it out with a CMS.
With the arrival of AI, this has changed. Nowadays, the entry point for building applications that actually work is much better. Or even if you are freelancers, it can let you deliver quick projects and multiply your income.
Table of contents
In this post we are going to talk about Hostinger Horizons, the official sponsor of this content.
Remember that with the NETMENTOR coupon you get an extra 10% discount on your Hostinger purchases.
1 - What is Hostinger Horizons and why should a Dev care?
Hostinger Horizons is an all-in-one AI partner that acts as a designer, developer, and copywriter. Basically, you describe an idea and Horizons instantly builds a functional, mobile-friendly website or web app without needing to write code.
I know you are thinking the typical line, "I am a dev, I code". Great, me too. But look at this from a productivity and business perspective. Hostinger Horizons is ideal for delivering value without all the ugly part of setting up applications:
Infrastructure solved instantly: It is backed by Hostinger's infrastructure, so you configure hosting, domain, and email in just a few clicks. Everything on a single platform, without depending on third-party tools, which is very important when the person is not technical.
Smart error management: It has a system that fixes problems automatically without you having to give it extra instructions. Again, for non-technical people it is ideal.
Internal tools replacement: If you have a small team, you can create custom solutions to replace very expensive paid tools, and the best part: without requiring development time.
In other words, from now on, when someone asks you for a favor, your answer will be: "Don't worry, we will do it in 10 minutes with this". And you move on to something else.
2 - How to build a website with No Code in minutes
The workflow could not be more straightforward. No local installations, no npm dependencies, no weird packages, nothing.
2.1 - The initial prompt to create a website without using code
You simply describe your idea. You can write it or dictate it by voice in a couple of sentences. You can build it using your own words, since the vast majority of systems support many languages, in Hostinger's case, more than 80.
Ideally, the more details we provide, the better. It will get closer to what we are looking for. For example, in my case I want to build a crochet website for my wife, since she wants to sell things and be able to post her thoughts.
Everyone has an idea in mind, another option to compare against, a website they like, maybe elements from several sites that you want to combine in yours.
In our case, this is the prompt we are going to use:
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.
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.
And this is the result:
2.2 - Iterating in real time
This is where AI shines. We have created our website, and it is something very acceptable and functional, but it is not 100% what you are looking for. Maybe you want to change the color of the borders, or remove them.
Instead of fighting with CSS, you edit and shape your app in real time simply by chatting with the AI. Is your idea very visual? You can upload images or hand-drawn sketches to guide the build. On top of that, it includes native integrations to connect registration forms, payments, and more.
In our case, we are going to ask it to create a custom contact form so we can receive individual orders:
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.
Add a custom contact form within the products section so customers can request personalized crochet designs and upload reference photos.
We can also ask it to add the online store integrations by taking advantage of Hostinger's integrations
"Configure the integrations to connect the online store payments."
And this is the result
2.3 - Deploy with one click
And finally, you just have to hit the deploy button so it becomes available.
Conclusion
No-code is not here to replace developers. It is here to cover another kind of need: creating fast, validating ideas, and solving small projects without turning them into endless development work. And if you also get it with a discount thanks to the NETMENTOR discount coupon inside Hostinger, even better!
