Setup Guides
One guide per tool in your stack — what it does, why you need it, and exactly how to set it up.
All guides are free. No paywall.How to use these guides
Work through them in order. 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.
Start here
Your AI development environment and version control. These two tools are the foundation everything else builds on.
Ship your product
The 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.
Spin up a VPN you fully control on your own cloud account for ~€5/mo. Native IKEv2 for Mac, iPhone, and Windows — no third-party app, no logs but yours.
How the system works
The bigger picture — how the installer, skills, agents, and daemons fit together once your stack is running.
Once your stack is set up, read How the system works above to understand the full development workflow — from your first feature to production deployment.