All projects

Selected project / Live

DevSheets.

A fast, free reference for the syntax, commands, and patterns developers look up every day.

DevSheets homepage showing command-palette search and learned-item tracking
Role
Founder, designer, developer
Product
Developer reference library
Stack
Next.js, Prisma, Postgres, Vercel

Why I built it

The answer should take seconds.

I look up the same things constantly: Tailwind utility names, Prisma schema syntax, Docker Compose keys, TypeScript utility types, and Git commands.

Most cheat sheet sites are stale, crowded with ads, or left untouched for years. DevSheets is the version I wanted: dense, current, easy to scan, and open without an account wall.

Item-level search

Jump directly to a matching command or pattern, not just the sheet that contains it.

83+ validated sheets

The catalog is checked against current official documentation and versioned when useful.

Favorites and progress

Save useful sheets and track the items you already know across the catalog.

Public by default

The complete reference experience works without an account, a subscription, or ads.

How it is built

Content with a validation loop.

Sheet content lives in Postgres so it can be edited, validated, and synced without rebuilding the site. Stable item IDs keep favorites and known-item progress intact through content updates.

Core stack

  • Next.js 15
  • React 19
  • Prisma
  • Postgres
  • Tailwind 4
  • PrismJS
  • Vercel

Sheet workflow

  1. 01/create-sheet

    Research and draft from official documentation.

  2. 02/audit-sheet

    Check topic coverage and identify gaps.

  3. 03/validate-sheet

    Cross-check the sheet against its target version.

  4. 04/sync-prod

    Move validated content into production safely.

Use the product

Find the answer. Get back to building.

Browse the full DevSheets catalog, or follow the detailed technical decisions and build history on bradtraversy.dev.