logo of shadcnblocks
๐Ÿš€ updated weekly

Build faster with Payload 3.0 & shadcn/ui

The ultimate Next.js + PayloadCMS starter kit featuring 50+ premium shadcn/ui components. Combine the power of headless CMS with the simplicity of a visual page builder. Gets you ready in minutes by using the amazing work of shadcnblocks.com.

Built with tech you know and love

shadcn / ui logo
nextjs logo
payload cms logo
typescript logo

The production-ready website template for Payload CMS and Next.js

100+ pre-built blocks. Role-based access. i18n. MongoDB backups. An admin API your agents can use. Clone and ship the same day.

100+ UI Blocks

Hero, Feature, CTA, FAQ, Blog, Testimonial, Stat, Timeline, Gallery, Contact, Changelog โ€” multiple design variants per block family.

Role-Based Access Control

Admins, editors, viewers โ€” configurable out of the box. Extend with custom roles and per-collection permissions.

Internationalization

Payload's native i18n wired up out of the box. Translate every section independently per locale.

Admin API for Agents

Localhost-only REST endpoint with full CRUD over all collections. Schema introspection included. Your agents always know the data model.

MongoDB Backups

Scheduled and manual backups to Vercel Blob. One-click restore from the admin dashboard.

Live Preview and Draft Workflow

See content changes before publishing. Full draft/published status per page.

How it works

From clone to published site in four steps

No boilerplate decisions. No CMS setup from scratch. Clone, configure two env vars, and ship.

Clone

git clone + pnpm install. The full stack โ€” Next.js, Payload, MongoDB โ€” is ready.

  • git clone https://github.com/trieb-work/payblocks

  • pnpm install

Configure

Set MONGODB_URI, PAYLOAD_SECRET, and NEXT_PUBLIC_SERVER_URL in .env. That's the full required config.

  • cp .env.example .env

  • Set MONGODB_URI + PAYLOAD_SECRET

Build

Add blocks to pages in the Payload admin UI. Drag, reorder, and configure per-block fields inline.

  • 100+ blocks to compose pages

  • Live preview before publishing

Publish

Publish pages, set SEO metadata, and deploy to Vercel in one command.

  • vercel.json included

  • Custom domain support out of the box

Stop rebuilding the same foundation for every project

Payload's starter template has no blocks, no roles, no i18n, and no backup system. Payblocks is the batteries-included layer you would build yourself โ€” already built.

Without Payblocks

No blocks. No roles. No i18n. No backups. No agent API. Every project reinvents the same Payload setup from scratch.

With Payblocks

100+ blocks ready. Roles configured. i18n wired. Backups working. Admin API available. Clone and ship the same day.

Your agents know the data model before they write

Every block and collection schema is introspectable at runtime via the admin API. An agent calls schema before it writes โ€” it knows which fields exist, which are required, and what enum values are valid. No guessing. No silent failures.

Introspect Schema First

Call schema before any new write. Get full field definitions, types, and valid enum values โ€” always in sync with your actual config.

Draft Before Publish

Write with _status: draft. Review the returned document. Promote to published only when content is confirmed correct.

Localhost-Only, Production-Safe

Bearer token + localhost guard. Returns 500 if ADMIN_CLI_SECRET is unset โ€” cannot be accidentally exposed on production.

Frequently asked questions

One-time purchase ยท No vendor lock-in

Your next website starts here

No vendor lock-in. No monthly SaaS fee. Full code ownership. Clone Payblocks and ship your first production page today.