How to vibe-code a website with an admin panel in an hour (Claude + VS Code)
Step by step, I build a car rental website with a quiz, an admin panel and a database in Claude Code and put it on hosting. No coding required.
If the video above doesn't load for you, here it is on VK:
Checklist: how to start vibe coding
- Download the free VS Code editor and find Anthropic's official Claude Code plugin in the extensions.
- Click the Claude icon, then Log in, and connect your Claude.ai account. Serious projects need a Pro subscription ($20 a month): free limits run out in a couple of prompts because code burns through tokens.
- In the extension's chat, choose Claude Sonnet. Opus is too slow and expensive for this kind of work, while Sonnet gives the perfect balance of speed and "intelligence".
- Describe the task in plain language.
- Then just sit back with a coffee and press "Approve" while Claude creates the structure, writes the code and pulls in the libraries it needs.
The site from the video: auto.yason.studio
Useful links
- Code editor: VS Code
- Claude: claude.ai and the desktop app
- My Telegram: t.me/yasonstudio
- The hosting I use (referral link): Hostinger
Timestamps
- 0:00 How to build a site in pure code without programming
- 0:48 What you need: Claude.ai and Visual Studio Code
- 1:46 Installing and setting up the Claude extension in VS Code
- 2:22 Preparing the project folder and uploading images
- 3:19 Launching Claude Code and simple prompting rules
- 4:15 The first brief: a car rental site with filters and an admin panel
- 5:41 Passing design references as screenshots (Porsche style)
- 7:03 Watching the AI write code in real time
- 7:59 Running the finished site locally
- 9:13 First check of the interface, responsiveness and bugs
- 10:41 A prompt to fix bugs and redesign in Apple style
- 11:42 Testing the updated admin panel and enquiry form
- 14:22 How to grow the project and make deliberate changes
- 15:13 A new block: a lead-generation quiz
- 16:04 Why clean AI-written code beats website builders
- 17:17 Catching and fixing bugs in the quiz submission
- 18:29 Closing the obvious holes: basic admin security
- 19:08 Refactoring: moving data from JSON to MySQL
- 21:58 Uploading the site to hosting (Hostinger or Reg.ru)
- 22:50 Connecting the database on the server and going live
- 23:58 Updating the site after launch and a mobile test
- 25:13 Takeaways: why learn architecture in the age of AI
