Frontend
Frontend#
Volto is a React-based frontend for the Plone CMS. It will become the default UI for the upcoming Plone 6 release.
Although it hasn't reached yet full parity with Plone "classic" UI, Volto provides a very attractive proposition to its early adopters: integration with the modern frontend development world, access to the huge ecosystem of React libraries and addons and not least, open Plone as a development platform for non-Plone trained programmers.
Thanks to the use of the Plone API framework, it is fully compatible with Plone's Dexterity content type framework (and even the older Archetypes framework). But its power comes from the innovative Pastanaga Editor, which replaces the typical richtext editing experience provided by the TinyMCE editor with a streamlined Mosaic-like editor based on "blocks".
Thanks to their simplicity and easy access to advanced frontend integration, the Volto blocks can provide a fast development experience that reduces developer frustration and improves end-user experience.
To start developing a new Volto project you should have minimal React and modern Javascript knowledge. Follow the Getting Started guide to bootstrap a new Volto project and start hacking!
- Introduction
- Configuration
- Theming
- Development recipes
- Creating a new Volto project
- Folder structure
- How to use environment variables
- Customizing Components
- Customizing Volto Views
- Creating Volto Views
- Internationalization
- Custom Express middleware
- Lazy loading
- AppExtras component
- Context navigation component
- Pluggables framework
- Forms and widgets
- Legacy Browser Support (IE11 compatibility)
- Blocks
- Volto add-ons
- Integration with the backend
- Deploying
- Upgrade Guide
- Upgrading to Volto 16.x.x
- Upgrading to Volto 15.x.x
- Upgrading to Volto 14.x.x
- Upgrading to Volto 13.x.x
- Deprecating NodeJS 10
- Seamless mode is the default in development mode
- Refactored Listing block using schemas and ObjectWidget
- Control panel icons are now SVG based instead of font based
- Login form UI and accessibility updated
- Changes in the Table block feature set and messages
- Upgrading to Volto 12.x.x
- Upgrading to Volto 11.x.x
- Upgrading to Volto 10.x.x
- Upgrading to Volto 9.x.x
- Upgrading to Volto 8.x.x
- Upgrading to Volto 7.x.x
- Upgrading to Volto 6.x.x
- Upgrading to Volto 5.x.x
- Upgrading to Volto 4.x.x
- Upgrading to Volto 3.x
- Upgrading to Volto 2.x
- Developer Guidelines
- Design principles