Example project. Northwind Rentals hires out garden equipment. They want one screen for bookings, a list of overdue returns, revenue by month, and a download for the accountant. Staff sign in; nobody else gets in. The project is an illustration written to show the steps.
An admin screen built this way: a messaging-assistant platform grew its admin console one screen per issue, inside more than 770 merged pull requests.
Pick the stack
These pieces are mainstream, have free plans, and the agents know them well.
| Piece | Pick | Why |
| App framework | Next.js | Screens and the server code behind them live in one project, so each feature is one pull request. |
| Database and sign-in | Supabase | A hosted Postgres database with email sign-in built in. The free plan covers a small team's tool. |
| Styling | Tailwind CSS | Styles sit next to the markup, so each visual change shows in one place. |
| Hosting | Vercel | Made by the Next.js team. Connect the repository and every merge deploys; every pull request gets its own preview address. |
Verified November 2026: Next.js 16 and Tailwind CSS 4 are current. Supabase's free plan includes two projects, a 500 MB database and 50,000 monthly active users, and pauses a project after a week without use; Pro starts at $25 a month. Vercel's Hobby plan is free for personal, non-commercial use; a business deploys on Pro at $20 a month per developer seat.
The overdue count should be red when it is above zero and should link to the overdue list. Also show the customer's phone number in that list; staff call them from here.