bradtraversy.dev — devsheets.mdx
home.md projects/ × tools/ devlog/ articles/ now.md about.md
// project

# DevSheets

free, growing directory of dev cheat sheets

live Next.js ·React ·Prisma ·Postgres ·Tailwind ·Vercel
devsheets.io command-palette homepage with full-text search, sheet cards, and dashboard preview

why i built this

i look the same things up constantly. tailwind utility names, prisma schema syntax, docker compose keys, typescript utility types. the web has plenty of cheat sheet sites, but most are stale, ad-heavy, or just a single page someone made in 2018 and never updated.

devsheets is the version i wanted: dense, current, no ads, and no account wall. every sheet is one scrollable page with code blocks that copy cleanly. accounts exist now for saved sheets, but the reference experience stays public.

what’s in it

each sheet covers one technology, organized by section, with code examples and short notes. current categories:

  • languages: javascript, typescript, python, rust, go, sql
  • frameworks: react, next.js, fastapi, django
  • css / ui: css, tailwind, html
  • tools: docker, git, npm, bun, prisma, playwright, zod
  • systems: apache, nginx, ollama

new sheets land regularly. there is a backlog of 300+ topics still to build.

search works at item level now. queries like git rebase can jump straight to the matching item inside the Git sheet instead of only returning a sheet card.

stack

next.js 15      # app router, react 19, server components
prisma          # postgres schema + queries
tailwind 4      # styling
prismjs         # syntax highlighting
vercel          # hosting

sheet content lives in postgres (not markdown files) so it can be edited and versioned without a redeploy. there’s a dev database and a prod database, with a sync step in between so nothing ships before it’s been previewed and audited.

how sheets get built

the writing pipeline is the interesting part. each sheet starts as a topic from the backlog, then runs through a chain of claude code skills i built into the repo:

/create-sheet    # research + draft a new sheet from official docs
/audit-sheet     # check coverage vs current docs (read-only report)
/validate-sheet  # check accuracy vs current docs (read-only report)
/sync-prod       # diff dev → prod, push, revalidate the cache

every skill writes its results back to my obsidian vault. creates and syncs append to a changelog; audits and validations save individual reports. that’s the audit trail: i can look at any sheet and see when it was built, what gaps were flagged, and what got fixed.

it’s a small example of the pattern i keep coming back to: the editor isn’t just typing code, it’s running a workflow that does research, drafts, and reports back.

what’s next

  • keep working through the backlog
  • extend item-level search into the full search page
  • keep tightening the logged-in dashboard around progress and favorites
  • make accounts more useful without making accounts required

the goal is never “the most sheets.” it’s “the sheet you needed, when you needed it, in 10 seconds.”

## more screenshots

DevSheets screenshot 1 DevSheets screenshot 2 DevSheets screenshot 3 DevSheets screenshot 4

## recent devlog

// devlog entries tagged project: devsheets
→ all devlog
// EOF devsheets.mdx
main
devsheets.mdx
UTF-8
LF
Markdown
Ln 1, Col 1