More Premium Hugo Themes Premium React Themes

React Basics Cms

A CMS template based on React, integrated with JS configuration for generating pages

React Basics Cms

A CMS template based on React, integrated with JS configuration for generating pages

Author Avatar Theme by better-tcy
Github Stars Github Stars: 53
Last Commit Last Commit: Dec 14, 2022 -
First Commit Created: Jan 5, 2024 -
React Basics Cms screenshot

Overview:

This is a CMS basic template built on create-react-app 4.0.3 (react 17.0.2) using hooks, functional components, redux-thunk for global state management, and custom project themes. It includes features such as mock API exception monitoring (using sentry), configuration-based page generation, automatic validation of configuration options, dynamic rendering of buttons based on permissions, customizable tables and page buttons, and support for multi-select dropdowns. The project structure follows a directory design pattern and uses a specific naming convention for files and components. The git commit convention is also specified for submitting code changes.

Features:

  • Hooks-based functional components
  • Redux-thunk for global state management
  • Custom project themes
  • Mock API exception monitoring
  • Configuration-based page generation
  • Automatic validation of configuration options
  • Dynamic rendering of buttons based on permissions
  • Customizable tables and page buttons
  • Support for multi-select dropdowns

Installation:

  1. Clone the repository and navigate to the project folder.
  2. Install the necessary dependencies using the package manager of your choice (e.g., npm, yarn).
  3. Configure the project theme in either the src/assets/data/themeConfig.js file or the craco.config.js file.
  4. Configure the mock API and exception monitoring functionality.
  5. Generate basic pages by passing the configuration.
  6. Customize the tables and page buttons as per business requirements.
  7. Enable the search area with multiple dropdown select functionality.

Summary:

The CMS basic template is built on create-react-app using hooks and functional components. It provides features such as global state management with redux-thunk, custom project themes, mock API exception monitoring, and configuration-based page generation. The template follows specific directory and file naming conventions, and provides flexibility for customization based on business requirements. It also enforces a git commit convention for submitting code changes.