Solutions
What you can build, start to finish.
Six worked patterns, each followed from the situation you are actually in to the thing that exists at the end — a hosted app on a real URL, or a reviewed pull request waiting in your repository.
three for anyone · three for developers
Start here
What a solution is, and what it is not
This site uses four words for four different things. Ten seconds spent on the distinction saves you reading the wrong page.
A solution is one complete job, followed end to end. It names a starting situation — you run a bakery with no website, you have a red test in CI — walks every stage in order, and finishes with something specific that now exists. It is narrower than a feature list and broader than a tutorial step, and it is written to answer the question people actually have, which is not “can this be done” but “what does doing it here involve, and what am I left holding.”
That is different from a use case, which describes who you are rather than what you are doing. Use cases are organised by industry and by role — retail, finance, education, health, product management, operations, developer productivity — and show the range of things people in that position build. It is also different from a template, which is a starting point rather than a path: a finished, hand-built app you can spin up in one click and then change by chat. And it is different again from a capability, which is one thing the platform does. Solutions are assembled out of capabilities; the capability pages explain each mechanism on its own terms.
Most people arrive through a use case and leave through a solution. If you already know what you want to build, skip the taxonomy and go straight to the pattern whose shape matches yours.
Two shapes of work, not six niches
The six patterns below are not six industries. They are two fundamentally different ways of working, with three worked examples each, and the difference between them matters more than the difference between a bakery and a barbershop.
The first group starts from nothing but a sentence. There is no codebase, no hosting account and no repository, and the whole point is that none of those become your problem. The second group starts from a codebase you already own and already care about, where speed matters far less than knowing what is true about a change before you are asked to approve it. Everything else — how you pick, what is always included, how long the path is, and what you own at the end — is covered further down this page.
For anyone
From a sentence to a live, hosted app
No codebase to start from and no hosting to buy. You describe the thing; the parts that normally stop the project are already written.
What these three have in common is not the industry — it is where they usually fail. A bakery website stalls on the contact form, because forms need a sending account. A booking app stalls on the database, because appointments need somewhere durable to live. An internal dashboard stalls on authentication, because revenue figures cannot sit on a public URL. In every case the visible part is easy and the plumbing is the whole cost.
That plumbing arrives written rather than pending. The Postgres data layer and sign-in on Supabase, the sending code for Resend, and Stripe checkout where the app takes money — each written into the project only when your app actually needs it, so a simple page stays simple. Pointing that code at live services is its own explicit step, and for Stripe and Resend it runs on your own account, so customers pay you and mail leaves from your domain. What is left for you is the part that was always yours: deciding what the thing should be. You do that in a live preview of the real running app, pointing at elements rather than describing them, and Go Live publishes exactly what you previewed.
Bakery website
Describe your shop in plain English and watch a real website build itself in a live preview — complete with a contact form that emails you every enquiry.
For anyoneBooking app
Describe the booking flow you want and get a working app — a calendar customers book into and an email confirmation sent on every appointment, all wired up for you.
For anyoneStripe dashboard
Describe the numbers your team cares about and get a private dashboard — revenue, growth and customers — with sign-in, built without touching a line of code.
For anyoneWould you rather start from something already shaped like your idea? The template library is grouped by category — Commerce, Booking, Dashboard, Portfolio, Marketing and the rest — and every one is a real app you change by chat.
For developers
From a connected repo to a reviewed pull request
On a codebase that already matters, the useful question is not how fast a change appears but what has already been proven about it.
These three are the same machinery applied to different jobs, and each one is chosen because it exposes a different part of it. Adding dark mode is a test of coverage: the difficulty is not making a colour dark, it is finding every place colour is set, including the screens you would never have listed. Fixing a failing test is a test of diagnosis: anyone can make a suite green by weakening an assertion, which is worse than leaving it red. A TypeScript migration is a test of follow-through: types added without resolving the downstream fallout is how migrations stall, and types added as any is how they deliver nothing.
The arrangement underneath all three is the same, and it is deliberately conservative. The repository is indexed semantically and by symbol before anything is touched. The edit happens in an isolated sandbox clone, where your own typecheck, tests and build have to pass. What reaches your repository is a pull request — never a direct push, never an automatic merge — and your code does not change until you merge it.
Add dark mode
Connect your GitHub repo and ask for dark mode. The agent indexes the code, makes the change in a sandbox, verifies it builds, and opens a pull request for you to review.
For developersFix failing tests
Connect your repo and point at the broken test. The agent reproduces the failure, finds the cause, fixes it, re-runs the suite green, and opens a pull request.
For developersJS to TypeScript
Connect your repo and name the components to convert. The agent adds real types, fixes the fallout, verifies the build, and opens a pull request you can review.
For developersConnecting a repository and opening pull requests is a Pro-plan capability. The docs cover connecting a repository, and the comparison pages put this side by side with other tools.
How to pick
Start from the situation you are actually in
Read down the left column until one of them sounds like your week. The right column is where to go next.
| If this is your situation… | Start here |
|---|---|
| I run a small business and have no website at all | Bakery landing page |
| People book time with me and I am managing it by phone or DM | Booking app with a calendar |
| My team rebuilds the same revenue view in a spreadsheet every month | Internal Stripe dashboard |
| I need a cross-cutting change applied consistently across an app | Add dark mode |
| Something is red in CI and I do not want to lose the afternoon | Fix a failing test |
| A migration keeps stalling because each file drags in ten more | Migrate JS to TypeScript |
| I know my industry or role but not what to build yet | Use cases by industry & role |
| I would rather start from something that already looks right | The template library |
| I want to understand one mechanism properly first | Capabilities |
Nothing here is exclusive — most projects use a template as a starting point and a solution as the map.
What is on each page
What every solution page contains
They all follow the same structure, so you always know where to look for the part you care about.
Why it is actually hard
Each page opens with the real difficulty rather than the assumed one — which is usually plumbing, exhaustiveness or review load rather than the thing that looks hard from outside.
Every stage, in order
The full path, including the stages that happen without you asking: which bricks go in, when the codebase is indexed, and which gates have to pass before anything reaches you.
The real input and output
The prompt or command you would actually type, what comes back, and a checklist of what exists at the end — written in the shape you would genuinely see it.
Honest limits and questions
What the path involves that is still asked of you, which plan it needs, what you own afterwards, and the questions people genuinely ask — including the awkward ones.
Always included
What every solution includes, whichever one you pick
None of the following is a decision you make, a service you sign up for, or a task waiting on your side.
The reason these six patterns can be described in a handful of stages is that most of what would otherwise be in them has been moved underneath. Every solution on this site, create or edit, sits on the same managed foundation — and the important property is that nothing is created speculatively. A landing page never touches payments. A connected repository never needs a deploy pipeline. You get what your work actually calls for.
Provisioned when your app needs it
- A managed Postgres database on Supabase, created and connected when your app needs to store something
- Authentication wired in alongside the database, so a private view is a sentence rather than a project
- Transactional email through Resend for receipts, signups, confirmations and alerts
- Stripe checkout and subscriptions wired in where the app takes money, on the Pro plan
Running around every change
- Builds and edits executed inside isolated sandboxes rather than on your machine or in your repository
- Typecheck, tests and build run as real gates before a change is surfaced — included on every plan
- Hosting, TLS and deploys on Cloudflare, with HTTPS on every URL and no server configuration
- A version history of build checkpoints on Repository → Changes that you can rewind to, with a safety snapshot taken first
The providers underneath are named on the integrations page, and pricing sets out which plan carries which capability.
The path
How long the path is, honestly
No page on this site quotes a build time, because it depends entirely on what you asked for. What can be stated is which stages exist and which of them need you.
A number invented for a marketing page would be worse than no number, so here is the useful version instead: the stages, and where your attention is genuinely required. On both paths the pattern is the same — the mechanical work happens elsewhere, and what is left for you is judgement at two or three specific moments.
The create path
A new project opens in chat before it opens any tabs. The agent asks about the parts of your idea it cannot guess — who signs in, what gets stored, whether money changes hands — and fills in a blueprint as you answer. While the scope is thin the header button reads Blueprint; once there is enough to build from it becomes Review blueprint, and the build starts from your confirmation. Nothing there is permanent: the blueprint is a starting point, not a contract, and you can change anything after the first build.
From there it is build, preview, refine, Go Live. Your attention is needed twice: once to settle the scope, and once to look properly at the preview — including at phone width, where problems are cheapest to catch. Everything between those two moments is code, checks and deploys, none of which are yours to do.
The edit path
The stages carry the product’s own names: connect, index, edit, verify, pull request. You authorise a repository once, describe a change in your own terms once, and review a pull request once. The indexing, the sandbox work and the compile-fix loop happen away from your machine, which is where the interruption cost of this kind of work has always lived.
The one lever you control
A project’s build quality decides how much effort a build is allowed to spend. Prototype is the fastest and cheapest with fewer checks — the right choice for testing whether an idea is worth having. Standard is the balanced default. Best researches current practice and reviews more before shipping, which is slower and a bit pricier, and is what you want for something people will rely on. The docs glossary defines each one.
What you own
What you are left holding at the end
The question worth asking of any builder, and the one that decides what your options look like a year later.
The failure mode of most no-code tools is not that they cannot build the thing. It is that what they build only exists inside them. A page becomes a proprietary document, data becomes rows in someone else’s store, and the day you want something the tool does not do is the day you start again. That is a ceiling, and it is invisible until you hit it.
On the create path
- A real codebase running on managed infrastructure, not a render inside an editor
- A live public URL over HTTPS, with your own domain available on a paid plan
- A standard managed Postgres database, so your data stays real, queryable and portable
- A version history of checkpoints you can rewind to, with a safety snapshot taken first
- No ceiling to hit, because the thing you have is an application rather than a document
On the edit path
- A pull request in your own repository, in your own review process, on your own terms
- A change that already cleared your typecheck, your tests and your build
- A written summary of what changed and why, so review is about judgement not archaeology
- A repository that is untouched until you merge — no direct pushes, no automatic merges
- A connection you can scope or revoke whenever you want
FAQ
Questions about solutions
Index
Every solution, in one list
The full set, grouped the way the rest of this page groups them.
For anyone — Bakery website · Booking app · Stripe dashboard
For developers — Add dark mode · Fix failing tests · JS to TypeScript
Related reading: the guide to going from a prompt to a website, the guide to agents that open pull requests, an explanation of what a managed backend actually means, and what happens to a project after it goes live.
Don't see your use case? Just describe it.
These six are worked examples, not a menu. If you can describe what you want in a sentence, that sentence is the whole spec — start free and watch it come together in a live preview.