What is Vibe Coding? Should Non-Programmers Give It a Try?

When I started building the personal website Nexpanion, I had no professional programming background. Instead of outsourcing or buying a ready-made template, I tried vibe coding: using natural language to tell AI to write the source code. My goal was to test how fast a business operator could launch a website on a custom domain, what the actual costs would be, and where the bottlenecks lie.

1. Practical Scope and Target Readers:

This article is for individuals, freelancers, and business owners who want to build their own website or small utility tools for work without ever learning how to code.

2. Test Environment Setup:

- Tools: ChatGPT Plus / Codex and an AI-assisted code editor.

- Cost: $20/month for the existing Plus subscription.

- Safety Note: Never paste real API keys, admin passwords, or customer data into the chat window.

3. Step-by-Step Execution:

- Step 1: Write a specific Website Brief (site goals, core 5-page structure, desired reader actions) instead of giving vague commands.

- Step 2: Ask the AI to build interface blocks one by one (hero section, article list, signup form) and test them directly in the browser.

- Step 3: Run tests on mobile and log any layout glitches or broken links.

4. Real Results, Bugs, and Manual Work:

- Results: Finished the layout framework in a single evening instead of waiting two weeks for an outsourced developer.

- Bugs Encountered: AI usually defaults to hash-based routing (#/vi/notes/...) to make demos run fast, which makes it hard for Google to index individual articles properly.

- Manual Effort Required: Finalizing the content structure, testing mobile responsiveness, and configuring the custom domain and hosting services.

5. Attached Resources:

Download the one-page Website Brief template I used to build Nexpanion in the Resources section.