Development tools

Development tools

• How to setup your development environment using environment variables
  • Internal Proxy is enabled (to avoid dealing with CORS)
  • Debug an external site (provided you have access to it)
  • Disabling the internal proxy
• Environment variables
  • Runtime environment variables
  • Environment variables reference
  • Use add-ons via the ADDONS environment variable
  • BUILD_DIR
• Icons
  • Custom icons
• Husky and lint-staged
• Shortcuts (name aliases)
  • @root / @package
  • volto-themes
  • volto-original
• Internationalization
  • Broad overview
  • Creating i18n Strings
  • Extracting i18n Strings
  • Overriding i18n messages
  • Translating add-ons
  • Contributing translations for an unsupported language
• Lazyloading components, injectLazyLibs for libraries
  • Lazy load a component
  • Lazy-loading libraries
• critical.css
• Bundle analyzing
• Component Registry
  • Registering components by name using config.registerComponent
  • Retrieving a component from the component registry
  • Adapting the component using dependencies array
• Linters
  • ESlint
  • Prettier
  • Stylelint
• Debugging with Volto
• VSCode extensions/helpers
• vim and neovim integration