Add-ons

Add-ons

• 1. What is a Volto add-on
• 2. Bootstrap an add-on
• 3. How does a Volto add-on work?
  • 3.1. Loading a Volto Add-on in a project
  • 3.2. Add-on dependencies
• 4. Add a third-party released Volto Add-on in your project
• 5. Configure an unreleased add-on from an existing repository
  • 5.1. Add mrs-developer dependency and related script
  • 5.2. mrs.developer.json
  • 5.3. tsconfig.json / jsconfig.json
• 6. Volto views
  • 6.1. Router views
  • 6.2. External routes
• 7. Create a block using BlockDataForm
  • 7.1. Using a blockSchema and the dataAdapter pattern
• 8. Blocks Layout
• 9. Block Extensions
• 10. Block Styling
  • 10.1. Enabling Style Wrapper in a block
  • 10.2. Extending the default styles field in Styling fieldset
  • 10.3. The styles field
  • 10.4. Using className in your block view component
  • 10.5. styleClassNameConverters
  • 10.6. styleClassNameExtenders
  • 10.7. Main edit wrapper class injection
• 11. Add-on dependencies
• 12. Add-on and project configuration pipeline
  • 12.1. All-in with add-on approach
  • 12.2. Define your add-ons programatically
• 13. Create a theme add-on
  • 13.1. Using your own theming escape hatch
  • 13.2. Modify a custom theme from another add-on
• 14. Extending Semantic UI
• 15. Create a custom Listing block variation
• 16. Integrate with Volto’s asyncConnect for SSR
• 17. Add-on Internationalization
  • 17.1. Override translations
• 18. Extend Webpack setup from an add-on with razzle.extend.js