Resources Field Manual 04
Field Manual · The Toolkit

Tools every agentic developer should know.

There's a quiet secret behind almost every successful vibe-coded app: the builder didn't build most of it. They built the idea — and rented everything else from services whose whole job is doing one thing perfectly. This is that toolkit, in the order you'll actually reach for it.

Prepared for the Second Bell Studio community · companion to the platforms & hosting guides · 2026 snapshot
01

Every tool is a worry you no longer own

That's the real skill of agentic development. Your AI coding tool writes the code, and a small set of trusted services carries the weight underneath it. Your job is knowing which service to reach for, and when.

Before the list, one rule that makes sense of all of it: each tool below exists to delete an entire category of problems from your life. GitHub deletes "I broke my code and can't get it back." Clerk deletes "how do logins even work?" RevenueCat deletes "Apple's billing documentation." When you're deciding whether to adopt a tool, ask one question: what would I stop worrying about? If the answer is "a lot," it's probably worth the afternoon it takes to set up.

Don't try to learn everything at once. Skim this now, then come back when you hit each stage.

StageReach forThe worry it deletes
BuildClaude Code · Cursor · Replit"How do I even write this?"
SaveGitHub"I broke it and can't get it back."
ShipVercel · Expo · Railway"How do I get this on the internet?"
Store & sign inConvex / Supabase · Clerk"Where does the data live? How do logins work?"
GrowStripe · Resend · PostHog · Sentry…"Payments, email, is anyone using this, is it broken?"

02

Stage 1 · Build — your AI coding tool

This is your pair-programmer, and today it's where most of the actual code comes from. You describe what you want in plain English; the AI writes it, runs it, and fixes it with you.

Claude Code Cursor Replit Lovable Bolt v0

Claude Code and Cursor are the two most popular choices for people who want to work close to the code — Claude Code lives in your terminal or desktop and works like an autonomous teammate; Cursor is a full code editor with AI woven through it. Replit puts the whole experience in your browser, nothing to install. Lovable, Bolt, and v0 specialize in going from a sentence to a working web app astonishingly fast — great for prototypes and first versions.

You only need one

Pick whichever feels natural and start building; switching later is easy because your code lives somewhere neutral. Which brings us to the next tool. For the full breakdown of the builder options, see the platforms guide and the editors & agents guide.


03

Stage 2 · Save — GitHub

GitHub is your project's home base: every version of your code, saved in the cloud, forever. Made a change that broke everything? Roll it back to yesterday. Want to try a risky idea? Branch off, experiment, and merge it in only if it works.

Two reasons this is non-negotiable, even for a solo beginner. First, AI coding tools occasionally make sweeping changes — version history is your undo button for entire sessions. Second, nearly every other tool in this guide connects through GitHub: Vercel deploys from it, Railway runs from it. Set it up on day one and every future step gets easier.


04

Stage 3 · Ship — getting your app in front of people

Where your app "lives" depends on what you're building. Three clean cases — plus one thing every app needs.

Vercel

for web apps
"Connect your GitHub repo, click Deploy — live in about two minutes."

Building a web app? Use Vercel. Every time you push new code it updates the live site automatically, handles traffic spikes, and gives you preview links to share before changes go public. It's made by the team behind Next.js — the most popular web framework — so the two fit together perfectly.

Expo

for mobile apps
"The standard toolkit for shipping to the Apple & Google app stores."

Building a mobile app? You'll ship through the app stores, and Expo is the standard way there with React Native. It lets you test on your actual phone instantly and even push small updates without waiting on app-store review. And once it's live, OneSignal adds push notifications in minutes — often the difference between an app people forget and one they keep coming back to.

Railway

for everything else
"I need a server without needing to learn servers."

Building something that isn't a website at all — a Discord bot, an API, a scheduled script, a background job? That's Railway. Push your code and Railway keeps it running 24/7. It can host databases too.

A domain name

everyone needs one
"Your hosting gives you a URL; a domain makes it feel legit."

Your host gives you a working address, but it's usually something like your-app.vercel.app. A real domain — yourapp.com — is a separate, cheap purchase. Porkbun is a great-value favorite; Cloudflare and Namecheap are also excellent. Pointing it at your app is usually one copy-paste step. Beginners often don't realize the address and the hosting are two different things — so it's worth doing early.


05

Stage 4 · Store & sign in — your backend

Almost every real app needs two things: a place to keep data, and a way for users to sign in. This is historically where beginners drown. These three tools are the life raft.

Convex

the simplest start
"A database plus backend in one — and screens that update live, automatically."
Least to babysit All TypeScript No servers to manage

When data changes, every user's screen updates live. There are no servers to manage and everything is written in TypeScript, which AI coding tools speak fluently. If you want the least possible to babysit, start here.

Supabase

the flexible powerhouse
"Real Postgres — with auth, file storage, and realtime built in."
Most room to grow SQL / Postgres Data never locked in

Underneath, it's Postgres — the same battle-tested SQL database that runs much of the internet — wrapped in a friendly dashboard. It asks a little more of you up front, but you get enormous room to grow and your data is never locked in.

You don't need both

Convex if you want maximum simplicity; Supabase if you want SQL and an all-in-one platform. Then add Clerk for sign-in: Google login, magic links, user profiles, and all the pre-built screens, dropped in in minutes. It pairs beautifully with either backend. (If you chose Supabase, its built-in auth is also a perfectly good free option — Clerk just makes it more polished with less effort.)


06

Stage 5 · Grow — add these when you feel the pain

Everything here solves a problem you will have eventually, but probably don't have on day one. The healthy pattern: feel the pain, then add the painkiller.

Getting paid

Payments split cleanly by platform. Selling on the web? Stripe is the industry standard — powerful, trusted, and supported by every tutorial on earth. Its one catch: you're responsible for collecting sales tax around the world. Lemon Squeezy and Polar solve exactly that — they act as the "merchant of record," so they handle global taxes and compliance for you.

Selling inside a mobile app? RevenueCat is the default. Apple and Google each have their own gnarly billing systems; RevenueCat wraps both in one friendly SDK, manages subscriptions and receipts, and shows your revenue in a single dashboard. You never touch StoreKit.

Sending email — Resend

The moment your app has users, it needs to send email: password resets, receipts, welcome messages. Resend makes this about five lines of code, and its companion React Email lets you design emails the same way you build your app. Sending email reliably so it doesn't land in spam is genuinely hard — a classic "rent it, don't build it."

Knowing what's happening — PostHog & Sentry

Once strangers use your app, you're flying blind without these. PostHog shows what users actually do — which features they use, where they get stuck, even session replays — plus feature flags for rolling things out gradually. Sentry watches for crashes and alerts you the moment something breaks, with the exact line of code responsible. Together they answer the two questions every founder asks: "is anyone using this?" and "is it broken right now?"

File uploads — UploadThing & Cloudflare R2

The first time a user uploads a profile photo, you'll discover file storage is weirdly annoying. UploadThing is the easy button — uploads working in minutes, no AWS account required. Cloudflare R2 is the budget powerhouse for when you're storing a lot: dirt-cheap and, unlike Amazon's S3, it charges nothing when people download your files.

AI features — OpenRouter & Replicate

Adding AI to your own app? OpenRouter gives you a single API key that works with nearly every model from every provider — so when a better or cheaper model ships next month, you swap one line instead of rewriting your app. Replicate does the same for image, audio, and video models: describe what you want generated, and it runs on their GPUs, not yours.


07

Tools to explore as you grow

Everything above is the core toolkit. The tools below are worth knowing exist so you recognize the moment you need them — but don't go set them up now. File this section under "come back to me later."

Background & scheduled jobs — Inngest or Trigger.dev

The moment you want "email this user three days after they sign up," "run cleanup every night at midnight," or "process this big upload without freezing the app," you've reached background jobs. Doing this reliably by hand is genuinely tricky; these tools make it approachable, and it's a common early surprise for vibe coders.

Making it look polished — Tailwind + shadcn/ui

The reason some vibe-coded apps look sharp and others look generic. Tailwind is a styling system and shadcn/ui is a set of beautifully pre-made components (buttons, menus, dialogs) you drop straight in. Good news: most AI coding tools already lean on these, so you may be using them without realizing it — worth knowing by name when you want to fix "why does my app look a bit off?"

Protecting your costs — Upstash

Once you have real traffic — especially if your app calls AI models — you'll want caching (so you don't redo expensive work) and rate-limiting (so no single user, or bot, can run up your bill). Upstash is the beginner-friendly way to add both. A "when the traffic and invoices show up" tool.

Connecting to other apps — Zapier, Make, or n8n

If your app needs to talk to Slack, Google Sheets, a CRM, or hundreds of other services, these let you wire things together with little or no code — especially handy for internal tools and automations rather than a classic app.

The pattern holds all the way down

Learn the tool the day the problem becomes real, not before.


08

Three starter stacks

If you want a shortcut, here are three combinations that just work.

Web SaaS
Claude Code or Cursor → GitHub → Convex (or Supabase) → Clerk → Vercel → Stripe or Lemon Squeezy → Resend → PostHog.
Mobile app
Claude Code or Cursor → GitHub → Expo → Supabase or Convex → RevenueCat → Sentry.
Bot or automation
Claude Code → GitHub → Railway → (add OpenRouter if it needs a brain).

09

The whole journey, on one map

Everything above, as a single flowchart. Follow the path from idea to shipped product — you don't need every tool, you need the right one at the right stage.

THE VIBE CODER'S TOOL MAP Which tool, and when? Follow the path from idea to shipped product. You don't need every tool — you need the right one at the right stage. You have an idea ✦ STAGE 1 · BUILD Pick your AI coding tool Your AI pair-programmer. Describe what you want in plain English — it writes (and fixes) the code with you. Claude Code Cursor Replit Lovable Bolt v0 STAGE 2 · SAVE GitHub — your project's home base Every version of your code, saved in the cloud. Break something? Roll it back. Nearly every tool below plugs into it — set it up on day one. STAGE 3 · SHIP What are you building? Web app Mobile app Server · bot · API WEB APP Vercel Connect your GitHub repo, click Deploy, and your site is live on a real URL in minutes. Scaling, previews & HTTPS are handled for you. The default home for Next.js & React apps. MOBILE APP Expo → app stores The standard way to build iOS & Android apps with React Native. Test on your phone instantly; push updates without app-store review. Add OneSignal for push notifications. SERVER · BOT · API Railway For everything that isn't a website: Discord bots, APIs, background jobs, scheduled tasks, even databases. Push your code — Railway runs it 24/7. The "I need a server, not a lesson" tool. 🌐 Point your domain Buy from Porkbun, Cloudflare, or Namecheap — then connect it in a click. STAGE 4 · STORE & SIGN IN Every real app needs a database and a way to sign in Pick one backend — both are excellent. Add Clerk if you want the smoothest login experience. Convex simplest start A database that feels like magic — your app updates live on every screen, there are no servers to manage, and it's all TypeScript. The least to babysit. A vibe-coder favorite. Supabase most flexible A full Postgres (SQL) database with login, file storage, and realtime built in. Slightly more to learn, with a huge community — and you can take your data anywhere. Clerk — drop-in sign-in for humans Google login, magic links, and user profiles added in minutes. Works beautifully with either backend. Already on Supabase? Its built-in auth is a solid, free alternative. STAGE 5 · GROW Add these only when you feel the pain Each one removes a whole category of work. All of them have generous free tiers. GETTING PAID Money time — but which processor? Selling on the web? Stripe — the industry standard. Powerful and trusted, but you handle sales tax yourself. Lemon Squeezy / Polar — they collect global sales tax for you. Less paperwork, less worry. Selling in a mobile app? RevenueCat — one SDK that wraps Apple & Google billing, subscriptions, and receipts. You never touch StoreKit. The default for mobile subscriptions. EMAIL Resend Password resets, receipts, and welcome emails, sent from your app in about five lines of code. Add React Email when you want them to look beautiful. INSIGHTS & ERRORS PostHog + Sentry PostHog shows what users actually do — analytics, session replays, feature flags. Sentry alerts you the moment something breaks — before your users notice. FILE UPLOADS UploadThing / Cloudflare R2 Let users upload images and files without ever touching AWS. UploadThing is the easy button; Cloudflare R2 is dirt-cheap storage for when you outgrow it. AI FEATURES OpenRouter / Replicate OpenRouter gives you one API key for nearly every AI model — swap models without rewriting code. Replicate runs image, audio & video models with no GPUs to manage. Ship it. Then ship it again. 🚀 Every tool on this map has a free tier — upgrade only when real users show up.

The Vibe Coder's Tool Map — a 2026 snapshot. Free tiers and pricing move fast; confirm on each tool's own site.


10

The golden rule

Every tool in this guide has a free tier generous enough to build and launch on. So resist the urge to sign up for everything today — that's its own kind of procrastination. Start with a coding tool and GitHub. Add a backend when your app needs to remember things. Add payments when someone wants to pay you. Add analytics when you have users to analyze.

The stack isn't the product

The thing you're excited to build is the product. These tools just make sure that's the only thing you have to think about. Feel the pain, then add the painkiller — never the other way around.