feat(category): add 'cms toolkit' close #2560

components/TopBar/CategoryDescriptions.ts

@@ -63,6 +63,10 @@ const categoryDescriptions: CategoryDescriptions = {
   validation:
     'Validation is the process of checking whether a system or its component(s) satisfies the specified requirements or not and checks the data is correct or not.',
 
+  // cms toolkit
+  headless_cms: 'Decouple content management from presentation, allowing content delivery via APIs to various platforms. This flexibility enhances omnichannel distribution and user experiences.',
+  traditional_cms: 'Offers integrated solutions for content creation and presentation, featuring user-friendly interfaces and built-in templates for easy website management.',
+
   //languages
   general_web_fundamentals:
     'General fundamentals of web application development.',

database/CMS_toolkit/headless_cms.json

@@ -0,0 +1,114 @@
+[
+    {
+        "name": "Contentful",
+        "description": "API-first content management, cloud-based with free tier including 5 users and 25K records.",
+        "url": "https://www.contentful.com/",
+        "category": "cms-toolkit",
+        "subcategory": "headless_cms",
+        "language": "English"
+    },
+    {
+        "name": "Cosmic",
+        "description": "Headless CMS with API toolkit, free for personal use.",
+        "url": "https://www.cosmicjs.com/",
+        "category": "cms-toolkit",
+        "subcategory": "headless_cms",
+        "language": "English"
+    },
+    {
+        "name": "Crystallize",
+        "description": "Headless PIM with built-in GraphQL API, free version includes limited items and bandwidth.",
+        "url": "https://crystallize.com/",
+        "category": "cms-toolkit",
+        "subcategory": "headless_cms",
+        "language": "English"
+    },
+    {
+        "name": "DatoCMS",
+        "description": "GraphQL-based CMS, free tier with limited API calls.",
+        "url": "https://www.datocms.com/",
+        "category": "cms-toolkit",
+        "subcategory": "headless_cms",
+        "language": "English"
+    },
+    {
+        "name": "Directus",
+        "description": "Open-source headless CMS, on-prem or in the cloud with no limitations.",
+        "url": "https://directus.io/",
+        "category": "cms-toolkit",
+        "subcategory": "headless_cms",
+        "language": "English"
+    },
+    {
+        "name": "FrontAid",
+        "description": "JSON-based headless CMS storing content in Git repositories, no restrictions.",
+        "url": "https://frontaid.io/",
+        "category": "cms-toolkit",
+        "subcategory": "headless_cms",
+        "language": "English"
+    },
+    {
+        "name": "kontent.ai",
+        "description": "Content-as-a-Service with headless benefits, free for developers with limited resources.",
+        "url": "https://kontent.ai/",
+        "category": "cms-toolkit",
+        "subcategory": "headless_cms",
+        "language": "English"
+    },
+    {
+        "name": "Prismic",
+        "description": "Fully hosted headless CMS with scalable API and unlimited API calls on free plan.",
+        "url": "https://prismic.io/",
+        "category": "cms-toolkit",
+        "subcategory": "headless_cms",
+        "language": "English"
+    },
+    {
+        "name": "Sanity.io",
+        "description": "Open-source CMS with real-time hosting, free tier includes substantial API calls and bandwidth.",
+        "url": "https://www.sanity.io/",
+        "category": "cms-toolkit",
+        "subcategory": "headless_cms",
+        "language": "English"
+    },
+    {
+        "name": "sensenet",
+        "description": "API-first headless CMS, free tier available for developers.",
+        "url": "https://www.sensenet.com/",
+        "category": "cms-toolkit",
+        "subcategory": "headless_cms",
+        "language": "English"
+    },
+    {
+        "name": "TinaCMS",
+        "description": "Git-backed headless CMS for Markdown, MDX, and JSON, open source with two-user limit.",
+        "url": "https://tina.io/",
+        "category": "cms-toolkit",
+        "subcategory": "headless_cms",
+        "language": "English"
+    },
+    {
+        "name": "Hygraph",
+        "description": "GraphQL-first CMS, ideal for omnichannel content.",
+        "url": "https://hygraph.com/",
+        "category": "cms-toolkit",
+        "subcategory": "headless_cms",
+        "language": "English"
+    },
+    {
+        "name": "Squidex",
+        "description": "API/GraphQL-first, open-source and event-sourced with automatic versioning.",
+        "url": "https://squidex.io/",
+        "category": "cms-toolkit",
+        "subcategory": "headless_cms",
+        "language": "English"
+    },
+    {
+        "name": "Storyblok",
+        "description": "Headless CMS with Visual Editor, free tier includes a robust asset manager and 250GB traffic per month.",
+        "url": "https://www.storyblok.com/",
+        "category": "cms-toolkit",
+        "subcategory": "headless_cms",
+        "language": "English"
+    }
+]

database/CMS_toolkit/traditional_cms.json

@@ -0,0 +1,26 @@
+[
+    {
+        "name": "Acquia.com",
+        "description": "Drupal hosting with free development tools and free tier for developers.",
+        "url": "https://www.acquia.com/",
+        "category": "cms-toolkit",
+        "subcategory": "traditional_cms",
+        "language": "English"
+    },
+    {
+        "name": "InstaWP",
+        "description": "Instant WordPress deployment with a free tier, including 5 active sites.",
+        "url": "https://instawp.com/",
+        "category": "cms-toolkit",
+        "subcategory": "traditional_cms",
+        "language": "English"
+    },
+    {
+        "name": "WPJack",
+        "description": "Quick WordPress setup with a free tier that includes 1 server and SSL certificates.",
+        "url": "https://wpjack.com/",
+        "category": "cms-toolkit",
+        "subcategory": "traditional_cms",
+        "language": "English"
+    }
+]

database/data.ts

@@ -93,6 +93,22 @@ export const sidebarData: ISidebar[] = [
       },
     ],
   },
+  {
+    category: 'CMS-toolkit',
+    subcategory: [
+      {
+        name: "Traditional CMS",
+        url: "/traditional_cms",
+        resources: DB.traditional_cms,
+        description: "trad"
+      },
+      {
+        name: 'Headless CMS',
+        url: '/headless_cms',
+        resources: DB.headless_cms,
+      }
+    ]
+  },
   {
     category: 'languages',
     subcategory: [

database/index.ts

@@ -27,6 +27,10 @@ export { default as database } from './backend/database.json'
 export { default as api } from './backend/api.json'
 export { default as emailProviders } from './backend/email_providers.json'
 
+// cms toolkit
+export { default as headless_cms } from './CMS_toolkit/headless_cms.json'
+export { default as traditional_cms } from './CMS_toolkit/traditional_cms.json'
+
 //design
 export { default as designInspirations } from './design/design_inspiration.json'
 export { default as designColorTools } from './design/design_color_tools.json'

types/index.ts

@@ -37,6 +37,7 @@ export interface IData {
 export type Category =
   | 'frontend'
   | 'backend'
+  | 'CMS-toolkit'
   | 'languages'
   | 'ai'
   | 'ai-tools'