📱

Get Our Mobile App

Take your business learning on the go!

Download on the App StoreGet it on Google Play

Build and deploy vibe coded Websites

Vishnu Vijayan2:07

Transcription

Let me show you how to build a fully functional website and deploy it without writing a single line of code. This video is a complete step-by-step process for all the non-technical people. So, make sure you don't skip any part.

First, buy a domain of your choice from any platform. I purchased a sample domain vishai.com for around 1,700 rupees.

Once that's done, choose any vibe coding app like lovable, vzero or bolt. I picked Vzero and started creating the website. We're building a landing page for an upcoming event called Inner AI.

I began by taking design inspiration from Pinterest and pasted that into the v 0ero prompt bar. Then I went to 21st.dev, selected my favorite component, copied its [music] code, and pasted it into the prompt bar as well.

After that, I wrote a clear prompt. Build me a premium website with this color tone, used the component I've provided, and create a landing page for an event called inner AI and also uploaded a reference image. I clicked generate, and within seconds, the entire website was ready. Of course, I made some refinements by prompting a few more changes.

Once I was satisfied, the first thing I did was hit publish. While it was publishing, I opened Versel to create an account. Why Versel? Because it's one of the easiest platforms to deploy and manage your website, though there are many alternatives.

After connecting your account, click import project. You can add your link manually or if you're already using a tool like V 0ero, your project may automatically appear in the deployment tab.

Next, go to the domains tab in Versell. Click add existing domain. Type your website name and select the project it should point to. Versel will now show you two name servers. Copy these.

Then head to your GoDaddy account or whichever platform you used. Open your purchase domain. Go to the DNS section. Click on change name servers and choose I'll add my own name servers. Paste the two vers name servers. Save it and within a few minutes your site will be live.

Your website will now be fully functional deployed on your own domain and you can even monitor basic backend activity and traffic inside Versel.

Please note this process is meant for non techies to deploy simple functional websites. It's not suitable for complex back-end applications, but perfect for events, landing pages, portfolios, and simple business sites.

If you want the full step-by-step guide, then comment Vibe for the link.