Skip to main content

Vibe Coding AcademyVCA

What is Vibe Coding
Guides
System Basics
AI Coding Workflow
Learning Roadmap

Home
AI Coding 30-Day Plan

AI Coding 30-Day Plan

A 4-week, ~30-day task list that takes you from understanding the system to shipping a product. Checks are saved on this device, and you can download a copy.

0 / 20 done0%

Checks stay on your device (never uploaded); download a Markdown copy to take with you.

Week 1 · See the system

Read "What is Vibe Coding" and grasp how it differs from memorizing syntax
Read the system basics: what frontend, backend, database and API each are
Use the homepage "What do you want to build?" to pick a target product
Pick a learning path and bookmark it
Write down what you want to build in one sentence

Week 2 · Choose tools and platform

Read the AI tool comparison and start using one AI coding tool
Read the platform comparison and decide where to deploy (Cloudflare / Vercel)
Pick a language (most beginners pick TypeScript or Python)
Build a "Hello World"-level thing with your AI tool
Read the collaboration playbook to learn how to describe intent to AI

Week 3 · Build it

Follow one hands-on guide along your product path
Design your tables with AI (list nouns first, then turn them into tables)
If you need login, add it following "Build a login system with AI"
Split features small — build one piece at a time and test as you go
Commit once a day to keep a trail of progress

Week 4 · Ship and iterate

Deploy your work to Cloudflare Pages and get a URL
Share the URL with 3 people and collect feedback
From the feedback, list the next 3 things to fix
Add update dates and sources to build credibility (see the editorial policy)
Plan your next product and go back to step one

Vibe Coding Academy

Helping non-coders understand and build digital products.

Made for beginners, founders, PMs and designers.

Start here

What is Vibe Coding
Guides
System Basics
Learning Roadmap
30-day plan

Explore topics

Platforms
Languages
Frameworks
Databases
AI Tools

Compare

Platforms
Languages
AI Tools

AI Coding Workflow

AI Coding Workflow
Collaboration Playbook
Architecture Gallery
Case Studies

About Editorial

Content is shared for educational purposes in an open spirit.

Built with Next.js, Tailwind CSS, MDX and Mermaid. Deployed on Cloudflare Pages.