DEV Community

Vansh Oberoi
Vansh Oberoi

Posted on

How I Vibe Code after researching everything

#vscode #vibecoding

Contents

Why
How
Installation of tools

Let's Start

Now a days AI assistants are a muse , we don't need to debate on that. We also know that one must build his basics on any tech on his own rather that vibe coding from the first go. But here I am with little experience in backend(Django, REST,flask, streamlit,huggingface,langchain) and no on hand experience in frontend.
But I have built 10+ full stack projects and here is my experence.

I vibe code for internship/job selection tests as there are so many to give and I am short on skills and time.
When I vibe code regarding the backend technologies I actually have experience with I can see through the mistakes AI assistants do very easily and give accurate prompts and actually advance in my learning of the tech as well.
When I vibe code regarding the frontend technologies I have learnt many terms which I wouldn't have learnt otherwise, like 'hot modules', 'mono repo'etc , various types of errors I encounter and how to solve them taught me the passive knowledge any dev would need when working with these technologies. I have build frontend projects with tech like React-vite, Node.js, next.js,tailwind css, shadcn, magic.ui, etc etc etc.

What I got know -

  • which technologies are popularly being used by developers.
  • how they look like
  • how they initiate the project etc

Resolving frontend errors used to take too much time and same steps repetition by the assistant as I knew nothing about it, so that gives you the clue that U should atleast know the basics by hand to get optimal solutions from the assistant.

Now finally let's get down to the tools I use after researching 14+ alternatives and 1 year.

Tools (all free, all as extension on vs code)

  • ** v0 by vercel/ augment code for boilerplate**
    (both of these can build the project from scratch to up. I recommend augment code if you have enough time and want a really smooth professional level project, and if you are short on time , v0 can build your project withing 2-3 minutes! but yes the quality depends very much on the prompt you give)
    (v0 can get the prompt but the v0 tag remain in the project when you link the repo it builds with your github and then vercel for deployment, if you don't want v0 tag just download the repo as zip then use any tool like copilot/roo code/cline to "search for v0 in whole codebase" then it tells you where the tag is mentioned and you can easily remove it.)

  • Copilot/Roo Code/ Cline
    (these tools come in handy when I have exhausted augment code's monthly credits)

  • Google AI Assistant
    (Google still need to work how they provide the service as unlike other tools this one don't have 'auto' feature to auto run certain commands withoud user permission which makes me keep clicking to give permissions for each thing- so I use it when I need to make unit level corrections and it performs better than roocode/cline as roocode/cline work task wise , they sometime forget the whole codebase context unlike augment code which is best at that as augment code auto detects what it needs to know)

  • CodeRabbit
    (I use this for code PR reviews, it is helpful)

I think this is enough on how I use them, let's get to installations

Installations

Thanks for reading

This is my first blog, I am not that good at writing right now but I hope you find this helpful.
If you know more better alternatives or have any opinion on mine do comment :)

byeee

here's my linkedln
https://www.linkedin.com/in/vansh-o/

Top comments (0)