Questions tagged [web-app]
Post a PromptPrompts that scaffold or build full web apps.
16 prompts
54votes
1answers
5.2kviews
Prompt for a Next.js email + OAuth auth flow with sessions that survive a refresh
Auth is where my "ship it" energy usually crashes. I asked for login and got a flow that stored a JWT in localStorage, had no CSRF thought, and logged the user out on every hard refresh because the se
36votes
2answers
3.4kviews
Prompt for a typed third-party API client with real retry and error handling, not fetch soup
Every "integrate the Stripe/Notion/whatever API" answer I got was a bare fetch with no timeout, no retry, and a catch (e) { console.log(e) } that swallowed everything. Then it fell over the first time
35votes
1answers
3.4kviews
Prompt that generates an API reference from OpenAPI with realistic examples, not {string}
Generated API docs always have example values like "string", 0, true. Useless. Developers copy them and immediately hit validation errors. I feed the model the OpenAPI schema and force it to invent do
26votes
2answers
2.9kviews
How I prompt for an accessible signup + first-run flow that passes an audit by default
We failed an accessibility audit on our signup once: unlabeled inputs, an error summary that never got announced, focus that jumped to the top of the page after validation. Retrofitting a11y is misera
26votes
3answers
6.5kviews
One-shot prompt for a dashboard data table that isn't the same shadcn gray boxes
Every dashboard prompt I tried gave me the identical gray-card-with-a-number-and-a-tiny-line-chart layout, and a table that was just a styled div with none of the behavior that makes a table useful. I
25votes
1answers
2.8kviews
Prompt for end-to-end typed forms with zod + react-hook-form and no type drift
The recurring pain: the zod schema, the TypeScript type, and the form field names would drift apart, so you'd validate a field the form didn't have, or submit a shape the API rejected. Three sources o
24votes
2answers
2.8kviews
Prompting a multi-step onboarding flow that people actually finish (not a 9-field wall)
Growth eng here. Our old signup was a single screen with nine fields and a 38% completion rate. I wanted AI to help me design a progressive flow, but the naive prompt just gave me the same nine fields
22votes
2answers
4.1kviews
One-shot prompt that scaffolds a Next.js 14 App Router SaaS that actually compiles
I kept asking for "a Next.js SaaS starter" and getting a pile of files that referenced components that didn't exist, mixed the pages and app routers, and threw 40 type errors on first pnpm build. The
19votes
1answers
2.9kviews
How I get GPT to scaffold a whole repo (folder tree contract) instead of a single file dump
0-to-1 is my whole thing, so I want the model to lay down a real repo I can take the wheel on, not one 600-line file I have to explode by hand. What finally worked was treating the folder tree as a si
15votes
1answers
2.5kviews
Turning a paragraph of requirements into a Postgres schema with RLS and a migration
I wanted to describe a multi-tenant app in plain English and get back a schema that respects tenancy at the database layer, not just in the app code where one forgotten where orgid = leaks everyone's
15votes
2answers
1.7kviews
Prompt for a PWA that works offline first try, without a service worker that caches stale forever
I build mobile web that should feel native, and the classic failure is a service worker that caches so aggressively users get a stale app for days and can't figure out why the update never lands. My p
15votes
0answers
1.8kviews
Prompt for React CRUD with optimistic updates and rollback that doesn't corrupt the cache
Systems guy dabbling in web here. Optimistic UI kept biting me: the happy path looked instant, but a failed delete left a ghost row, or two rapid edits raced and the cache ended up in a state that mat
12votes
1answers
2.3kviews
One-shot prompt for a Rust + wasm image filter module wired into a web app cleanly
I wanted a real Rust-to-WASM module doing per-pixel work off the main thread, not a toy that ships 4MB of glue and blocks the UI on load. Most prompts gave me code that assumed a specific bundler and
11votes
2answers
3.2kviews
One-shot prompt for Next.js route handlers with input validation and consistent error shapes
Scaffolding the API layer, I kept getting route handlers that parsed await req.json() with zero validation, returned bare strings on error, and used a different error shape in every file, so the front
9votes
0answers
2.0kviews
Prompt for discriminated-union API result types so the UI can't render an impossible state
Half the runtime bugs in our dashboard were "data is undefined but we still rendered the table." The types were { data?: T; loading: boolean; error?: string }, which lets you express nonsense like loa