How To Start Vibe Coding

Vibecoding transforms the way we create software by leveraging AI assistance at different scales:

When you code yourself:

Traditional coding follows a 1:1 ratio - one developer working on one task at a time. This is the standard approach most people are familiar with.

When you code with an Agent:

With AI assistance, you maintain the 1:1 ratio but dramatically increase speed. The AI acts as an expert programmer sitting next to you, suggesting code, explaining concepts, and even writing entire sections.

When you code with Async Agents:

This is where the magic happens - achieving a 1 to ∞ ratio where one developer can coordinate multiple AI agents working in parallel, exponentially increasing productivity.

Now I will give you an opinionated way of vibecoding that I've been improving for a year+

When you code with Agent Loops and you stop babysitting AI:

You wasted a bunch of money and now u have 1k+ errors to fix 😂 for now stick to agents that agents loops are not good enough yet.

The First Step: Download Cursor

Cursor is your coding environment that helps you write code by:

Suggesting what to type next

Explaining how things work

Writing entire sections of code for you

Think of it as having an expert programmer sitting next to you, ready to help whenever you need it.

How to Save Your Code?

In the coding world, we don't just "save" files — we use something called a Repository.

Think of it like a smart folder that remembers every change you've ever made. The most popular place to keep these repositories online is @Github.

It's like iCloud for your code, but much more powerful for collaborating and tracking progress.

Now let's get to know the Terminal!

What's a Terminal?

The terminal is an interface used to give text commands to your computer. It's a powerful tool that can scare most of the non-technical users but once you get used to it, you basically unlock 100% of your pc powers.

Mac Users

Open Terminal using the official Apple guide: Apple Terminal Documentation

Windows Users

Use Command Prompt or Windows Terminal: Microsoft Windows Commands

What Do You Need Before Starting?

Installing Homebrew (Mac Only)

If you're on Mac, you'll need Homebrew first. It's a package manager that makes it easy to install software.

🚨 NEVER RUN COMMANDS FROM PEOPLE THAT YOU DON'T TRUST, in my case, trust me 😂 or better, check the homebrew website: https://brew.sh/

Also, if something doesn't sit right with you, just fucking ask chatgpt if it's safe or not to do something!

GitHub CLI

To save your work to GitHub, your computer needs a secure way to talk to your account.

So open your terminal with the tutorial above and run this command:

Mac:

Windows:

This command installs that connection. Think of it like logging into GitHub, but for your terminal. It lets you create new projects and save your code to the cloud instantly, without having to click around on a website.

Once is installed, run gh auth login and you should be able to login in your github account!

Bun Installation

You also need Bun. It's the engine that runs your code. It's super fast and replaces tools like Node.js and npm.

Mac:

Windows:

Now Choose a Stack and Master It!

This is a fail-proof stack used to build full-stack applications. Each tool is carefully selected as the best option for its specific role.

The Brain: Convex

Role: Database & Backend Service

What it does: Stores your data and runs logic in the cloud. Real-time and automatic.

Website: convex.dev

The Bouncer: Clerk

Role: Authentication

What it does: Handles user accounts, secure logins, and passwords for you.

Website: clerk.com

The Engine: Bun

Role: Runtime

What it does: A super-fast engine to run your code and install tools instantly.

Website: bun.sh

The Skeleton: Next.js

Role: Full-stack Framework

What it does: Builds both the visual front-end and the connecting back-end.

Website: nextjs.org

The Translator: AI SDK

Role: Agent Framework

What it does: The standard way to let your code talk to AI models easily.

Website: sdk.vercel.ai

The Supermarket: OpenRouter

Role: Model Provider

What it does: A single shop to access any AI model you want to use.

Website: openrouter.ai

The Image/Video Vault: UploadThing

Role: File Storage

What it does: The easiest way to upload and store images and videos for your app.

Website: uploadthing.com

The Home: Vercel

Role: Deployment

What it does: The best place to deploy your Next.js apps with zero configuration.

Website: vercel.com

How Do I Start My Projects?

Create a folder in your PC

Open Cursor

Open the terminal and run the command below

Ask AI every time you get stuck!

To create a new app, simply open your terminal (Cmd + J on Mac or Ctrl + J on Windows) and run:

The result is a complete, modern web application stack that's ready for development and deployment, allowing you to focus on building features rather than configuring tools.

Most of the stuff will be already setupped for you or will be easily setuppable via Cursor Agent!

Enjoy the struggle!