Guides / Common vibe-coded app mistakes

Common vibe-coded app mistakes

Recurring problems found in AI-assisted and beginner web projects, and how to fix them.

These are recurring, observable problems. They are not evidence that a site was made by AI; they are simply common in fast, AI-assisted builds.

Generic copy

Phrases like "delivering excellence" or "unlock your potential" describe nothing. Replace them with what the product actually does.

Lorem ipsum, "Coming soon", and template defaults ship more often than people expect. Search the rendered page, not just the source.

Empty, loading, and error states are often skipped. A page that looks fine with sample data can break with real data.

Fixed widths and missing viewport tags are common. Test at 390px wide before sharing.

Missing alt text, unlabeled inputs, and removed focus outlines are frequent and cheap to fix.

API keys pasted into front-end code are exposed to every visitor. If it happened, rotate the key; removing it from code does not revoke it.