https://cromwellcms.com/docs/overview/intro/

1<!doctype html>
2<html class="docs-version-current" lang="en" dir="ltr">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width,initial-scale=1">
6<meta name="generator" content="Docusaurus v2.0.0-beta.6">
7<link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Cromwell CMS Blog RSS Feed">
8<link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Cromwell CMS Blog Atom Feed"><title data-react-helmet="true">Introduction | Cromwell CMS</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://cromwellcms.com/docs/overview/intro"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Introduction | Cromwell CMS"><meta data-react-helmet="true" name="description" content="Cromwell CMS is a free open source headless TypeScript CMS for creating lightning-fast websites with React and Next.js. It has a powerful plugin/theming system while providing extensive Admin panel GUI for WordPress-like user experience."><meta data-react-helmet="true" property="og:description" content="Cromwell CMS is a free open source headless TypeScript CMS for creating lightning-fast websites with React and Next.js. It has a powerful plugin/theming system while providing extensive Admin panel GUI for WordPress-like user experience."><link data-react-helmet="true" rel="shortcut icon" href="/img/icon_small.png"><link data-react-helmet="true" rel="canonical" href="https://cromwellcms.com/docs/overview/intro"><link data-react-helmet="true" rel="alternate" href="https://cromwellcms.com/docs/overview/intro" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://cromwellcms.com/docs/overview/intro" hreflang="x-default"><link rel="stylesheet" href="/assets/css/styles.adf4fe22.css">
9<link rel="preload" href="/assets/js/runtime~main.a8162b3a.js" as="script">
10<link rel="preload" href="/assets/js/main.78c54909.js" as="script">
11</head>
12<body>

13<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script>

13<div id="__docusaurus">
14<div><a href="#" class="skipToContent_QVmC">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><img src="/img/logo_small_black.svg" alt="Logo" class="themedImage_3EHU themedImage--light_heW6 navbar__logo"><img src="/img/logo_small_white.svg" alt="Logo" class="themedImage_3EHU themedImage--dark_6pZL navbar__logo"><b class="navbar__title">Cromwell CMS</b></a><a class="navbar__item navbar__link" href="/docs/overview/intro">Installation</a><a class="navbar__item navbar__link" href="/docs/development/theme-development">Development</a><a class="navbar__item navbar__link" href="/blog">Blog</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/CromwellCMS/Cromwell" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_OX1T"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a><div class="react-toggle toggle_pM6S react-toggle--disabled"><div class="react-toggle-track" role="button" tabindex="-1"><div class="react-toggle-track-check"><span class="toggle_5Cll">🌜</span></div><div class="react-toggle-track-x"><span class="toggle_5Cll">🌞</span></div><div class="react-toggle-thumb"></div></div><input type="checkbox" class="react-toggle-screenreader-only" aria-label="Switch between dark and light mode"></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_qWWs"><button class="clean-btn backToTopButton_THz+" type="button"><svg viewBox="0 0 24 24" width="28"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" fill="currentColor"></path></svg></button><aside class="docSidebarContainer_uK7U"><div class="sidebar_Fbmv"><nav class="menu thin-scrollbar menu_f6NZ menuWithAnnouncementBar_3yio"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category menu__list-item"><a class="menu__link menu__link--sublist menu__link--active" href="#">Overview</a><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/docs/overview/intro">Introduction</a></li><li class="theme-doc-sidebar-item-link menu__list-item"><a class="menu__link" tabindex="0" href="/docs/overview/installation">Installation</a></li><li class="theme-doc-sidebar-item-link menu__list-item"><a class="menu__link" tabindex="0" href="/docs/overview/configuration">Configuration</a></li></ul></li><li class="theme-doc-sidebar-item-category menu__list-item menu__list-item--collapsed"><a class="menu__link menu__link--sublist" href="#">Features</a></li><li class="theme-doc-sidebar-item-category menu__list-item menu__list-item--collapsed"><a class="menu__link menu__link--sublist" href="#">Development</a></li><li class="theme-doc-sidebar-item-category menu__list-item menu__list-item--collapsed"><a class="menu__link menu__link--sublist" href="#">Core API</a></li><li class="theme-doc-sidebar-item-category menu__list-item menu__list-item--collapsed"><a class="menu__link menu__link--sublist" href="#">Toolkits</a></li></ul></nav></div></aside><main class="docMainContainer_Pt0n"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_+ye-"><div class="docItemContainer_G97A"><article><div class="tocCollapsible_Rhao theme-doc-toc-mobile tocMobile_HuTu"><button type="button" class="clean-btn tocCollapsibleButton_Rimw">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Introduction</h1></header><p>Cromwell CMS is a free open source headless TypeScript CMS for creating lightning-fast websites with React and Next.js. It has a powerful plugin/theming system while providing extensive Admin panel GUI for WordPress-like user experience.
15We are focused on empowering content-creators and people with no programming knowledge to conveniently use all features of the CMS in their projects.</p><p>Main features of Cromwell CMS:</p><ul><li>Online store and blogging platform management systems.</li><li>Drag-and-drop theme editor.</li><li>Simple installation of themes and plugins from the official store and their local management.</li><li>Free full-featured online store and blog themes with multiple plugins.</li><li>Integrated Database. SQLite, MySQL, MariaDB, PostgreSQL are supported to use.</li><li>Developer-friendly experience. Use all power of Next.js, Nest.js, TypeORM, TypeGraphQL along with CMS API to build any type of website.  </li></ul><h2><a aria-hidden="true" tabindex="-1" class="anchor anchor__h2 anchorWithStickyNavbar_XX5z" id="examples"></a>

15Examples<a class="hash-link" href="#examples" title="Direct link to heading">#</a></h2><p>There are two production-ready examples of how your website can look out the box. No development or programming skills needed.</p><h3><a aria-hidden="true" tabindex="-1" class="anchor anchor__h3 anchorWithStickyNavbar_XX5z" id="default-online-store"></a>Default. Online store.<a class="hash-link" href="#default-online-store" title="Direct link to heading">#</a></h3><p>Right after installation you get a free full-featured online store.</p><p><strong>Example frontend</strong>: <a href="https://demo-store.cromwellcms.com/" target="_blank" rel="noopener noreferrer">https://demo-store.cromwellcms.com/</a><br>
16<strong>Example admin panel</strong>: <a href="https://demo-store.cromwellcms.com/admin" target="_blank" rel="noopener noreferrer">https://demo-store.cromwellcms.com/admin</a>  </p><p>Admin panel credentials for a guest user:<br>
17email: <code><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="4f283a2a3c3b0f2a372e223f232a612c2022">[email&#160;protected]</a></code><br>
18password: <code>qwerty</code>  </p><p>The theme includes:</p><ul><li>Customer account page with order history</li><li>Modifiable home page with gallery and banners</li><li>Product categories with filtration</li><li>Search</li><li>Customer reviews</li><li>Quick-view</li><li>Save product as favorite</li><li>Related products</li><li>Blog</li></ul><h3><a aria-hidden="true" tabindex="-1" class="anchor anchor__h3 anchorWithStickyNavbar_XX5z" id="secondary-blog"></a>Secondary. Blog.<a class="hash-link" href="#secondary-blog" title="Direct link to heading">#</a></h3><p>While previous theme includes both store and blog, you may want more simple website. Blog is a second theme available after installation, so you need just to switch to it in the admin panel. Also, you may want to tweak navigation menu in Main menu Plugin&#x27;s interface.<br>
19Blog comments provided by <a href="https://disqus.com/" target="_blank" rel="noopener noreferrer">Disqus</a>.</p><p><strong>Example frontend</strong>: <a href="https://demo-blog.cromwellcms.com" target="_blank" rel="noopener noreferrer">https://demo-blog.cromwellcms.com</a><br>
20<strong>Example admin panel</strong>: <a href="https://demo-blog.cromwellcms.com/admin" target="_blank" rel="noopener noreferrer">https://demo-blog.cromwellcms.com/admin</a>  </p><p>Admin panel credentials for a guest user:<br>
21email: <code><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e38496869097a38

2169b828e938f86cd808c8e">[email&#160;protected]</a></code><br>
22password: <code>qwerty</code>  </p><p>The theme includes featured posts, tag pages, tag search, website search, newsletter form, custom pages</p></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/docs/overview/installation"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Installation »</div></a></div></nav></div></div><div class="col col--3"><div class="tableOfContents_thVJ thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#examples" class="table-of-contents__link">Examples</a><ul><li><a href="#default-online-store" class="table-of-contents__link">Default. Online store.</a></li><li><a href="#secondary-blog" class="table-of-contents__link">Secondary. Blog.</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Documentation</div><ul class="footer__items"><li class="footer__item"><a class="footer__link-item" href="/docs/overview/intro">Overview</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/features/overview">Features</a></li><li class="footer__item"><a class="footer__link-item" href="/docs/development/theme-development">Development</a></li><li class="footer__item"><a class="footer__link-item" href="/latest-frontend-dependencies">

22Frontend dependencies</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://discord.gg/mxmJNSZ2gn" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>Discord<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_OX1T"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://github.com/CromwellCMS/Cromwell/issues" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>Issues<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_OX1T"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items"><li class="footer__item"><a class="footer__link-item" href="/blog">Blog</a></li><li class="footer__item"><a href="https://github.com/CromwellCMS/Cromwell" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_OX1T"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a class="footer__link-item" href="/contacts">Contacts</a></li><li class="footer__item"><a class="footer__link-item" href="/funding">Funding</a></li><li class="footer__item"><a class="footer__link-item" href="/attribution">Attribution</a></li></ul></div></div><div class="logoContainer_yqgz"><div class="logo_JrwJ"></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 Cromwell CMS</div></div></div><div>

22
23          <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>

23<script async src="https://www.googletagmanager.com/gtag/js?id=

23G-W8QY5D61KR

23"></script>
24          

24<script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-W8QY5D61KR")</script>

24
25        </div></footer></div>

26<script src="/assets/js/runtime~main.a8162b3a.js"></script>

26

27<script src="/assets/js/main.78c54909.js"></script>

27

28<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"56517f4b0f804e8a814b9550f8963a9a","r":1,"spa":2}' crossorigin="anonymous"></script>

28
29</body>
30</html>