Rapidly build dynamic pages in Payload CMS like never before. We've converted our blocks into Payload ready components with full config and field data. Creating sections in a Headless CMS has never been easier.
Get the entire Payload CMS + Nextjs + Shadcnblocks boilerplate, ready to deploy and start building
Create dynamic pages with a flexible, block-based system. Add, remove, and rearrange components to build landing pages from the CMS.
Enjoy built-in authentication, mongo or sql database support, forms, collections, multilingual, media management and automated deployments.
Built with Payload CMS, Nextjs, Tailwind CSS and shadcn/ui and more.
We've built a Payload CMS Boilerplate that makes it easy to create dynamic pages with a flexible, block-based system. In the content you can seamlessly add, remove, and rearrange components like Feature, CTA, Media, and more to craft unique marketing and landing page designs—without any complex setup.
Next.js is pre-configured to fetch data for new pages and iterate and render different blocks that are added on the CMS side.
Payblocks leverages shadcn/ui and Shadcnblocks to enable a flexible and composable page-building experience. By combining Shadcnblocks with Payload CMS in Payblocks, you can rapidly build and manage pages without writing code, then fine-tune the design and functionality through CMS theme customization or by editing the code directly. This streamlined approach ensures a flexible yet maintainable workflow for evolving your site’s UI.
Hundreds of Shadcn blocks have been upgraded to full Payload CMS ready blocks. Each block now contains expanded props and a payload config that maps to its field types in Payload.
Payblocks combines the power of Next.js, Payload CMS, and shadcn/ui to deliver a feature-rich, type-safe, and highly customizable content management system.
Well-organized blocks in dedicated folders following clear separation of concerns. Maintains global blocks, utilities, and Next.js standards for optimal maintainability.
Implements optional catch-all routes in Next.js for seamless page rendering and dynamic language routing. Add new pages directly from the CMS without additional Next.js configuration.
Complete form solution with field validation, layout controls, and Cloudflare Turnstile protection. Includes CMS storage and email forwarding capabilities.
Comprehensive i18n support across CMS content and admin dashboard. Features automatic language-based routing and intelligent URL handling for global accessibility.
Intelligent Next.js page caching with automatic revalidation on content updates. Built-in hooks trigger cache updates, ensuring optimal performance and content freshness.
Real-time preview with split-view editing and automatic draft saving. Includes drag-and-drop block arrangement and instant full-page preview capabilities.
Streamlined deployment process with native Next.js integration. Quick setup with MongoDB Atlas and Vercel, allowing you to launch your project in minutes.
Automatic generation of social media preview images with customizable backgrounds, fonts, and layouts. Includes per-page override options and automatic header integration.
Built-in redirection system for preserving SEO rankings during migrations. Features cached redirects with instant updates and smart internal page targeting.
Comprehensive access control system with predefined admin and editor roles. Includes Google OAuth integration for secure authentication and user management.
Regular feature additions and improvements with preserved upgradeability. Includes direct repository access and guidelines for custom block implementation.
Advanced theme customization through an intuitive admin interface. Features real-time color preview tools for immediate visual feedback.
Full support for both MongoDB and PostgreSQL databases. Includes comprehensive data management tools for reliable operation.
Integrated backup solution with manual and automatic options. Features direct blob storage integration and easy system restoration through the admin interface.
Dozens of other features are waiting for you to discover them.
Launch your next project with the following features: