All the tools, extensions, and resources you need
The best AI for code generation. Incredible reasoning, handles complex tasks, great at refactoring. Use for architectural decisions and complex features.
Visit Claude →VS Code fork with AI built in. Best IDE experience for vibe coding. Tab-to-autocomplete, multi-file edits, seamless workflow.
Visit Cursor →Solid autocomplete in VS Code. Works with any language. Great starting point for beginners.
Visit Copilot →Generate React components with shadcn/ui styling. Instant visual feedback. Perfect for landing pages and UI components.
Visit v0 →Build full-stack apps in the browser. Frontend + backend + database. Great for rapid prototyping and MVPs.
Visit Bolt →AI that creates entire projects from scratch. Educational, handles dependencies, built-in hosting. Great for learning.
Visit Replit →The standard code editor. Tons of extensions, customizable, works everywhere. If not using Cursor, use this.
Download VS Code →Version control is mandatory. Track changes, collaborate, deploy from GitHub. Learn the basics: commit, push, pull, branch.
Visit GitHub →Test API endpoints without writing frontend code. Essential for backend development. Save requests, organize collections.
Visit Postman →Built into Chrome. Inspect elements, debug JavaScript, analyze network requests. Learn Console, Network, and Elements tabs.
Learn DevTools →Design mockups before coding. Free tier is plenty for solo developers. Better to design once than rebuild three times.
Visit Figma →Quick wireframes and diagrams. Perfect for planning architecture and user flows. No account needed.
Visit Excalidraw →Best for Next.js apps. Push to GitHub = instant deploy. Free SSL, edge functions, analytics. My top pick for frontend.
Visit Vercel →Great for static sites and serverless functions. Generous free tier. Similar to Vercel but framework-agnostic.
Visit Netlify →Unlimited bandwidth on free tier. Fast edge network. Great for static sites and workers (serverless functions).
Visit CF Pages →Deploy backends, databases, full-stack apps. Easy setup, no DevOps needed. Good for Node.js, Python, Docker.
Visit Railway →Run full-stack apps globally. Docker-based. Free tier includes 3 VMs. More control than PaaS platforms.
Visit Fly.io →Free hosting for static sites from GitHub repos. Perfect for portfolios and documentation. Custom domains supported.
Visit GH Pages →Open-source Firebase alternative. Postgres database, auth, storage, real-time subscriptions. Generous free tier.
Visit Supabase →Drop-in authentication. Social logins, MFA, user management. Beautiful UI components. Free up to 10k users.
Visit Clerk →Accept payments online. Best-in-class API, excellent docs. If you're selling anything, use Stripe.
Visit Stripe →Transactional email API. Better than SendGrid/Mailgun. Built by developers for developers. 100 emails/day free.
Visit Resend →Serverless Redis and Kafka. Perfect for rate limiting, caching, queues. Free tier is generous.
Visit Upstash →Image and video hosting. Auto-optimize, resize, transform on the fly. CDN included. 25GB free storage.
Visit Cloudinary →It's the sweet spot of powerful + simple + cheap. I can build and deploy a full-stack app in a day. Free tiers cover 90% of projects. When I need to scale, everything scales together. Most importantly: AI tools understand this stack really well, so code generation just works.
Complete walkthrough of my vibe coding workflow from idea to deployment
Watch on YouTube →Head-to-head comparison building the same feature with different AI tools
Watch on YouTube →Build a full-stack app with auth and database in 30 minutes
Watch on YouTube →Common vulnerabilities I find in every AI-generated app and how to fix them
Watch on YouTube →Get your app live on Vercel, set up custom domain, and configure analytics
Watch on YouTube →Incredibly well-written docs. If you're using Next.js, bookmark this. Has tutorials, examples, and API reference.
Visit Docs →Copy-paste React components. Not a library, actual code you own. Styled with Tailwind. Beautiful and accessible.
Visit shadcn/ui →Follow the #buildinpublic hashtag. Learn from makers sharing their journey, wins, and failures. Great for motivation.
Search Twitter →Community of solo founders and bootstrappers. Forum for asking questions, sharing wins, and getting feedback.
Visit IH →Developer blog platform. Tons of tutorials, guides, and discussions. Free to read and publish.
Visit Dev.to →The OG. If you're stuck, someone else was stuck on the same thing. Search before asking. Most answers are gold.
Visit Stack Overflow →Practice building real designs. Get feedback from the community. Great for improving UI skills with actual challenges.
Visit Frontend Mentor →My YouTube channel where I share tutorials, app builds, and real talk about building with AI. Subscribe for weekly videos.
Subscribe →