Work Content · Next.js

CardTegories

A card game site where rules, decks, and expansions stay organised as the range grows.

@cardtegories
CardTegories website homepage Next.js

A growing game needs one place where the rules, decks, and expansions live together and stay current. The site treats each release as structured content so the library never drifts out of date.

  1. 01

    Structure the library

    Modelled decks, rules, and expansions as related content rather than separate loose pages.

  2. 02

    Make rules scannable

    Designed the rules pages for quick lookup mid-game, not for cover-to-cover reading.

  3. 03

    Plan for expansions

    Built the release template so a new expansion is an entry to write, not a rebuild.

A card game site where rules, decks, and expansions stay organised as the range grows.

@cardtegories

The build

Three decisions that shaped CardTegories, from CardTegories's brief to launch on Next.js.

  • Structure the library

    01 Structure the library

  • Make rules scannable

    02 Make rules scannable

  • Plan for expansions

    03 Plan for expansions

Built with

What CardTegories runs on

Frameworks

For custom builds: the front end is written in whichever of these your team can keep.

  • Next.js React sites and portals
  • React Interfaces and products

Languages & runtimes

The back end, APIs and integrations behind a custom build.

  • TypeScript Every custom build

Data & hosting

Where it runs and where the data lives.

  • Postgres Data
  • Vercel Hosting and previews
Muhammad Usman

Built by

Muhammad Usman

Freelance web developer who designs and builds fast, modern websites and stores. From first conversation to live site, I focus on clear design, reliable delivery, and work you can be proud to share with customers.

Launches
43
Platforms
5
Since
2020
@usman

Keep looking

More content, and other work

Next.js · 4 weeks

Make yours next.

CardTegories went from brief to launch in 4 weeks. Tell me about your project and I'll come back with a plan and a price.