Installation Guide
Follow the steps in order. Each guide covers one tool in your stack — what it does, why you need it, and exactly how to set it up.
How to use this guide
Work through the guides top to bottom. Each one ends with a working setup you can verify before moving on. The whole stack takes an afternoon to set up — and you only do it once. Every future project reuses the same foundation.
If you get stuck on any step, paste the error or screenshot into Claude and ask for help. That’s the fastest way to unblock yourself.
Free
Start here. Set up your AI development environment and project management. These two tools are the foundation everything else builds on.
Ship Your Product
Your production stack. Set up each service in order — each one builds on the previous. By the end, you’ll have a deployed app that accepts real payments and sends real emails.
Deploy your Next.js app to production with Vercel. Push code, site updates automatically. Zero DevOps.
Set up your database, authentication, and file storage with Supabase. PostgreSQL under the hood, generous free tier.
Accept real payments with Stripe. Set up products, checkout sessions, and webhooks for your business.
Send transactional and marketing emails with Resend. Welcome emails, receipts, and delivery — all automated.
Register your domain, set up DNS, and configure professional email with Google Workspace.
Set up Google Analytics, Meta Pixel, and conversion tracking to understand what drives your business.
The complete workflow: installer, skills, stack modules, and the build-review-deploy cycle that powers your development.
Run The Machine
Autonomous operation. These guides explain the full system — how the installer, skills, agents, and daemons work together.
Once your stack is set up, use the How It Works guides above to understand the full development workflow — from your first feature to production deployment.