Add-ons

Add-ons

• What is a Volto add-on
• Bootstrap an add-on
• How does a Volto add-on work?
  • Loading a Volto Add-on in a project
  • Add-on dependencies
• Add a third-party released Volto Add-on in your project
• Configure an unreleased add-on from an existing repository
  • Add mrs-developer dependency and related script
  • mrs.developer.json
  • tsconfig.json / jsconfig.json
• Volto views
  • Router views
  • External routes
• Create a block using BlockDataForm
  • Using a blockSchema and the dataAdapter pattern
• Blocks Layout
• Block Extensions
• Block Styling
  • Enabling Style Wrapper in a block
  • Extending the default styles field in Styling fieldset
  • The styles field
  • Using className in your block view component
  • styleClassNameConverters
  • styleClassNameExtenders
  • Main edit wrapper class injection
• Add-on dependencies
• Add-on and project configuration pipeline
  • All-in with add-on approach
  • Define your add-ons programatically
• Create a theme add-on
  • Using your own theming escape hatch
  • Modify a custom theme from another add-on
• Extending Semantic UI
• Create a custom Listing block variation
• Integrate with Volto’s asyncConnect for SSR
• Add-on Internationalization
  • Override translations
• Extend Webpack setup from an add-on with razzle.extend.js