CRUD apps

Prompts for the bread-and-butter pattern — a list of things, with create / edit / delete.

CRUD is the most common app shape. The five-layer template:

**Goal**: Users can manage their {entity}s.

**User**: Authenticated users; each user sees and manages only their own {entity}s.

**Data**:
- `{entities}`: { ownerId, ...fields, createdAt }
- Index: by_owner

**Behavior**:
- /{entities} — list view, sorted newest first, paginated 25/page
- New {entity} button → modal with form
- Each row → click to edit (inline or in a side panel)
- Delete button per row → confirmation modal

**Constraints**:
- Auth-scoped: only show / edit / delete user's own
- Optimistic delete (row disappears immediately)

Variations

Sortable & filterable

Add: filter pills above the list (status, date range, etc.). Persist filter state in URL query params.

Bulk actions

Add: checkboxes on each row + “Bulk delete” / “Bulk archive” actions. Confirmation includes the count.

Search

Add: search bar (Cmd+K) using full-text search on title field.

Inline edit

Click a field → edit in place → blur to save. Optimistic update.

Related

Five-layer method

The framework.

Multi-tenant SaaS

Adding multi-user.

Search patterns

Adding search.