Merge pull request #17718 from abpframework/EngincanV/cms-kit-demo-post

Create an introductory post for CMS Kit Demo application

docs/en/Blog-Posts/2023-09-23-CMS-Kit-Demo/POST.md

@@ -0,0 +1,98 @@
+# Unleash the Power of ABP CMS Kit: A Dynamic Content Showcase
+
+We're excited to introduce to you [ABP](https://abp.io/)'s [CMS Kit Module](https://docs.abp.io/en/abp/latest/Modules/Cms-Kit/Index) – a versatile module that empowers you to build your own dynamic content website with ease. In this introductory blog post, we'll first take a look at the **CMS Kit Module** and then we'll take you on a journey through our **CMS Kit Demo Application**, showcasing the incredible capabilities of this feature-rich module.
+
+## Overview of the CMS Kit Module
+
+At the heart of ABP's CMS Kit Module is a robust Content Management System (CMS) designed to simplify content creation and management. With the CMS Kit, you have the tools to build your own dynamic content website, complete with a range of features tailored to your specific needs. It provides core **building blocks** and fully working sub-systems to create your own website with the CMS features or use the building blocks in your websites for any purpose.
+
+### CMS Kit: The Building Blocks (a.k.a Features)
+
+The following features are currently available and ready to use:
+
+* **Blogging**: Create your blog and publish posts (with markdown / HTML support)
+* **Dynamic Pages**: Create pages with dynamic URLs (with markdown / HTML support)
+* **Dynamic Menu**: Manage your application’s main menu on the fly
+* **Tagging**: Tag any kind of content, like a blog post
+* **Comments**: Allow users to comment and discuss in your application
+* **Reactions**: Allow users to react to your content using simple smileys
+* **Rating**: Reusable component to rate other contents
+* **Global Resources**: Dynamically add CSS / JavaScript to your pages or blog posts
+* **Dynamic Widgets**: Build widgets and use them in dynamic content, like blog posts
+
+> For more information, please check the [CMS Kit Module documentation](https://docs.abp.io/en/abp/latest/Modules/Cms-Kit/Index). In the documentation, you can see descriptions for each feature, learn how to install & configure the module, and much more...
+
+### CMS Kit Pro: The Building Blocks (a.k.a Features)
+
+CMS Kit Pro is a part of [ABP Commercial](https://commercial.abp.io/) and provides additional features. The following features are provided by the CMS Kit Pro Module: 
+
+* **Contact Form**: Easily add a «contact us» form to your website
+* **Newsletter**: Allow users to subscribe to your newsletter (with multiple categories)
+* **URL Forwarding**: Create short URLs or redirect users to other pages (for example: [abp.io/dapr](https://abp.io/dapr))
+* **Poll**: Create quick polls for your users
+* **Page Feedback**: Collect feedbacks from users for your content
+
+> For more information, check the [CMS Kit Pro Module documentation](https://docs.abp.io/en/commercial/latest/modules/cms-kit/index).
+
+## Explore the CMS Kit Demo Application
+
+As the core ABP development team, we've created a sample application to showcase the incredible capabilities of the ABP's CMS Kit Module. You can explore the source code of the application on our [GitHub repository](https://github.com/abpframework/cms-kit-demo) to get a deeper understanding of how the CMS Kit works under the hood. While developing the application, we aimed to build a real-world application and use almost all of the CMS Kit Features.
+
+In the next sections, we will provide a detailed walkthrough of the application and highlight each CMS Kit feature that has been incorporated into it.
+
+### Dynamic Menu Creation with CMS Kit's Menu System
+
+One of the standing out features of the CMS Kit is its [Menu System](https://docs.abp.io/en/abp/latest/Modules/Cms-Kit/Menus), which allows for the creation and dynamic ordering of application menu items. Say goodbye to static menus; with CMS Kit, you have the power to tailor your menu structure according to your evolving content needs.
+
+You can see the homepage of the application in the following figure:
+
+![](homepage.png)
+
+The application menu items in the navbar are **created & ordered dynamically** with the [CMS Kit's Menu System](https://docs.abp.io/en/abp/latest/Modules/Cms-Kit/Menus):
+
+![](menu-admin-side.jpg)
+
+### Custom Implementations with Comment & Reaction Features
+
+Our demo application goes a step further by demonstrating custom implementations, such as an **image gallery**, seamlessly integrated with CMS Kit's [Comment](https://docs.abp.io/en/abp/latest/Modules/Cms-Kit/Comments) & [Reaction](https://docs.abp.io/en/abp/latest/Modules/Cms-Kit/Reactions) Features:
+
+| Gallery | Detail Page  |
+|------------------------ |-----------------------|
+| ![](image-gallery.jpg) | ![](image-gallery-detail.jpg)  |
+
+It's pretty easy to integrate CMS Kit Features such as Comments & Reactions into your existing pages. You can check the [source code of the application](https://github.com/abpframework/cms-kit-demo/blob/main/src/CmsKitDemo/Pages/Gallery/Detail.cshtml) and see how to integrate the features.
+
+### Robust Blogging Capabilities
+
+Blogging has never been easier! With the CMS Kit's [Blogging Feature](https://docs.abp.io/en/abp/latest/Modules/Cms-Kit/Blogging), you can effortlessly manage your blog content, complete with [Ratings](https://docs.abp.io/en/abp/latest/Modules/Cms-Kit/Ratings), [Comments](https://docs.abp.io/en/abp/latest/Modules/Cms-Kit/Comments), [Tags](https://docs.abp.io/en/abp/latest/Modules/Cms-Kit/Tags), and [Reactions](https://docs.abp.io/en/abp/latest/Modules/Cms-Kit/Reactions) features as enabled:
+
+| Blog | Blog Post  |
+|------------------------ |-----------------------|
+| ![](blogs.jpg) | ![](blog-detail.jpg)  |
+
+You can enable/disable CMS Kit Features per blog on the admin side easily:
+
+![](cmskit-module-features.png)
+
+### Dynamic Pages with Style and Script Integration
+
+*Products* pages showcase the flexibility of the CMS Kit's [Pages Feature](https://docs.abp.io/en/abp/latest/Modules/Cms-Kit/Pages), allowing for dynamic content creation, style customization, and script integration. Your website can now truly reflect your unique brand and content style.
+
+You can create pages with dynamic URLs on the admin side:
+
+![](pages-admin-side.jpg)
+
+After you have created the page, you can access it via `/{slug}` URL on the public-web side:
+
+![](products-abp-commercial.png)
+
+## What's Next?
+
+Please try the CMS Kit Module now and provide [feedback](https://github.com/abpframework/abp) to help us to build a more effective content management kit!
+
+## Resources
+
+* [CMS Kit Demo: Source Code](https://github.com/abpframework/cms-kit-demo)
+* [cms-kit-demo.abp.io](https://cms-kit-demo.abp.io/)
+* [CMS Kit Module documentation](https://docs.abp.io/en/abp/latest/Modules/Cms-Kit/Index)
+* [CMS Kit Pro Module documentation](https://docs.abp.io/en/commercial/latest/modules/cms-kit/index)