B2B Catalog Template

A production-ready B2B catalog website (Next.js 14 + Sanity v3) that generates an on-the-fly branded PDF catalog for every brand in the CMS.

Project Shots

Homepage — hero, category grid and CTAs, all driven by Sanity content.

The niche feature: a branded PDF catalog per brand, generated on the fly server-side with pdfkit (/api/catalog/[slug]).

Product catalog — categories with descriptions, straight from the CMS.

Fully responsive — the same homepage on mobile.

Editing environment

The desk — ten product categories, seeded from the bundled demo content in one command.

Nineteen demo brands, each referencing a category — the entities the PDF catalogs are generated from.

A brand document with its embedded product list — the exact content that feeds the on-the-fly PDF catalog for that brand.

About the project

A catalog website template for wholesale distributors and B2B product companies, built with Next.js 14 (App Router), Sanity v3 and Tailwind CSS.

The niche feature is **on-the-fly branded PDF catalogs**: every brand in the CMS gets its own downloadable PDF (`/api/catalog/[slug]`), generated server-side with pdfkit and styled to
match the site — the feature wholesale distributors actually ask for.

Other highlights:

- Zero-config demo mode: `npm install && npm run dev` runs the full site on bundled demo content — no Sanity project, no tokens. Connecting a real project + seeding it is one
command each.
- The whole palette lives in CSS variables in `:root` — re-theming for a client is one file, no recompile. The live demo ships a 6-palette switcher.
- Playwright e2e suite (36 tests, desktop + mobile) covering navigation, the PDF endpoints and SEO (JSON-LD, sitemap, OG).

Live demo: https://catalog.cleanhour.studio (try the palette switcher, top right)

Contributor

Jessica Marin