DoneThat
Back to AI Adoption Guide

Vibe-coding websites

Vibe coding websites uses AI to ship prototypes, simple web apps, and marketing pages from a clear brief, existing design constraints, and a review loop.

Overview

Vibe-coding websites uses AI to ship prototypes, simple web apps, and marketing pages from a clear brief, existing design constraints, and a review loop.

What it is, how it works

  • Create websites and simple webapps by talking to a chatbot
  • Great for prototypes and proof of concepts
  • Can be used live in production

When not to use it

  • Even though this promises to work without technical background, don't do this if you have no technical background.
  • Don't vibe-code if you are not prepared to maintain, audit, and secure the whole thing.
  • Only do this if there is clear value in what you are building. Scrap it quicklyl if it didn't turn out true.

How to get started

  • Lovable seems to be the best choice right now for an end-to-end solution
  • Vercel plus Claude Code is a popular choice for slightly more technical people

Best practices / further reading

  • Prepare yourself for a fast start and diminishing returns due to increasing complexity
  • Structure the project based on software engineering best practices if you can
  • Related: Automate workflows