django CMS Frontend

django CMS Frontend is a versatile plugin suite for django CMS that facilitates the easy creation of reusable frontend components. It supports any CSS framework, allowing developers to seamlessly integrate their preferred styling libraries. For immediate use, it includes a comprehensive set of Bootstrap 5 components and templates.

Key features

• Effortless Development of Custom Components: Create reusable frontend components with ease, utilizing simple templates and declarative form classes. These components can function both as CMS plugins and within standard Django templates. ​
• Framework-Agnostic Design: Maintain flexibility in your project's design by decoupling plugins from specific versions of a CSS framework. This ensures that updating frameworks in the future doesn't necessitate rebuilding your site's plugin structure. ​
• Built-in Bootstrap 5 Components: Access a ready-to-use collection of Bootstrap 5 components, streamlining the process of building responsive and modern interfaces. ​
• Extensibility: Enhance your project by creating custom components with minimal code. The system is designed to be extended both within individual projects and through separate theme applications. ​
• Consistent User Experience: Utilize plugins as UI components throughout your project, promoting a cohesive and uniform user interface. ​

Description

Designed to be framework-agnostic, django CMS Frontend allows developers to select and change CSS frameworks by adjusting project settings, eliminating the need to reconstruct the CMS plugin tree when upgrading or switching frameworks. It leverages django-entangled to store design parameters in a common JSON field, preventing database bloat and facilitating seamless updates to frontend features.

By providing a suite of Bootstrap 5-based components for layout structuring, including grids, components, and forms, django CMS Frontend simplifies the process of building responsive and structured page designs. Developers can also create custom components with minimal code, ensuring a consistent and efficient development experience.

It is up to you which (if any at all) pre-built components you want to include in your project. Each set of components is a separate package you can include in your project's INSTALLED_APPS.

Contributing

Because this is a an open-source project, we welcome everyone to get involved in the project and receive a reward for their contribution. Become part of a fantastic community and help us make django CMS the best CMS in the world.

We'll be delighted to receive your feedback in the form of issues and pull requests. Before submitting your pull request, please review our contribution guidelines.

The project makes use of git pre-commit hooks to maintain code quality. Please follow the installation steps to get pre-commit setup in your development environment.

We're grateful to all contributors who have helped create and maintain this package. Contributors are listed at the contributors section.

One of the easiest contributions you can make is helping to translate this addon on Transifex.

Requirements

See REQUIREMENTS in the setup.py file for additional dependencies:

• django-cms, version 3.11 or later
• django-filer, version 1.7 or later
• djangocms-attributes-field, version 1.0 or later
• djangocms-text
• djangocms-link
• django-entangled 0.6 or later

Make sure django Filer and django CMS Text CKEditor are installed and configured appropriately.

As of djangocms-frontend 2.0, djangocms-link is needed to use the Link/Button plugin.

Installation

For a manual install:

• run pip install djangocms-frontend

• add the following entries to your INSTALLED_APPS (or only those you need):

  'easy_thumbnails',
  'djangocms_link',  # Needed for link support
  
  # Base package template components and custom components
  'djangocms_frontend',
  
  # Add built-in Bootstrap 5 components as needed
  'djangocms_frontend.contrib.accordion',  # optional
  'djangocms_frontend.contrib.alert',  # optional
  'djangocms_frontend.contrib.badge',  # optional
  'djangocms_frontend.contrib.card',  # optional
  'djangocms_frontend.contrib.carousel',  # optional
  'djangocms_frontend.contrib.collapse',  # optional
  'djangocms_frontend.contrib.content',  # optional
  'djangocms_frontend.contrib.grid',  # optional
  'djangocms_frontend.contrib.icon',  # optional
  'djangocms_frontend.contrib.image',  # optional
  'djangocms_frontend.contrib.jumbotron',  # optional
  'djangocms_frontend.contrib.link',  # optional
  'djangocms_frontend.contrib.listgroup',  # optional
  'djangocms_frontend.contrib.media',  # optional
  'djangocms_frontend.contrib.tabs',  # optional
  'djangocms_frontend.contrib.utilities',  # optional
  

• run python manage.py migrate

djangocms-frontend has a weak dependencies on djangocms-icon you can install separately or by adding an option:

pip install djangocms-frontend[djangocms-icon]  # Installs djangocms-icon for icon support in links

Documentation

See readthedocs for the documentation.

License

See LICENSE.