Home

CMS-KIT-Sanity

CMS-KIT is a comprehensive foundation for rapidly starting and quickly developing projects following the Headless CMS architecture. It provides everything you need to start developing marketing websites or eCommerce applications. The goal is to make Headless Technologies accessible to a wide range of tech and non-tech roles in the IT industry. Leveraging our extensive expertise and experience with Headless CMSs, CMS-KIT incorporates best practices and offers significant SEO and performance optimization, a superior editorial experience, and clear development guidelines. The project aims to deliver the power and functionality of traditional CMS systems within a modern Headless CMS stack. To achieve this, we include the following components to supercharge your development experience:

Boilerplate: Customizations and integrations for seamless interaction with Headless CMS.
Auto Deployment: Automated setup of accounts, hosting on Vercel, and connection to GitHub.
CMS Setup: Necessary plugins, settings, and a content model generation based on available components.
Components Set: A bright and modern starter kit covering all major areas of UI for modern web apps. This incredibly useful kit is located right in your project, allowing for fast prototyping, modification, extension, and further development based on your personal brand and design solutions.
Project Structure and Development Guidelines: Everything necessary for scaling and adding new features, encouraging efficient development.

CMS-KIT Foundation

For Whom?

Developers: Quickly start the project in minutes and expedite component development.
Content Editors: Intuitive navigation and visual preview of what they're creating.
Project Managers: Test the system without developers (see Demo setup).
Teams: Develop content and new features in parallel, ensuring a fast time to market.

What is Inside?

This project is the first integration of CMS-KIT with a specific Headless CMS.

CMS-KIT Parts

Next.js with App Router: Optimal for static and dynamic content rendering. Highly optimized for SEO and performance.
Live Preview, Visual Editing, and Template Rendering.
Tailwind-styled Components Set based on Flowbite blocks.
Auto Rollout for Vercel and Sanity accounts.
Templates Selector Plugin for Sanity Studio.
Initial Content Example.
TypeScript.

Quick Start

There are three different ways to start and set up the project:

For non-tech roles: Demo setup - approximately 1 minute to get started. Ideal for non-tech people or those who just want a quick look and feel of CMS-KIT-Sanity. It provides a personal setup under FocusReactive orgs. Starting this way, you can switch later to a full-featured system setup. See details in the documentation.
For developers: Auto rollout - approximately 10 minutes to complete. The recommended way, using the rollout script to create and configure projects in a semi-automatic mode, following CLI prompts and guides.
For experienced developers: Manual setup - approximately 30 minutes to complete. Follow this guide if you prefer full control and understanding of your system. Good for experienced engineers.