<aside>

Welcome to Vibecoding 101! 👾 This kit contains a guide, helpful tips, and resources to help you go from an idea → deployed app on the web within a few minutes. Made to accompany the Vibecoding 101 presentation held on April 30th 2025.

Made by Emanuel from Explay.

</aside>

Contents

Extras

Start

Vibecoding is getting AI to code for us and build whatever we imagine through yapping.

With a few back and forth chats, you can use it to build anything you put your mind to. Whether you’re entrepreneur, an intrapeneur, or just want to make stuff you wish existed, vibecoding is for you.

You fr?

Yes - it’s fun and you’ll learn a whole lot at the same time. I’ll show you how it’s done in just a few steps. Stick with me, and you’ll have your first site, app or game vibecoded in no time.

We’ll be using a model I like to call OCS. OCS stands for:

• Order 🗣️  - Telling AI what we want to make
• Cook 🥘 - Working with AI until we get what we want
• Serve 🍽️ - Deploying our creation to the internet so anyone can see/use

I’ll explain each step in depth during this tutorial that aids the Vibecoding 101 workshop presentation.

For now, start by heading over to v0.dev. v0 is like the chatGPT version for developers. If you’ve interacted with a large language model before, this will feel familiar.

You’ll need to sign up for a Vercel account to start, so click the Sign Up button in the top right of your screen to go through the sign up process. You can also sign in with Github if you already have an account, or with other providers. If Vercel gives you a hard time during the account creation process, create a Github account here, and then log in with Github.