Development tools

Development tools

• 1. How to setup your development environment using environment variables
  • 1.1. Internal Proxy is enabled (to avoid dealing with CORS)
  • 1.2. Debug an external site (provided you have access to it)
  • 1.3. Disabling the internal proxy
• 2. Environment variables
  • 2.1. Runtime environment variables
  • 2.2. Environment variables reference
  • 2.3. Use add-ons via the ADDONS environment variable
  • 2.4. BUILD_DIR
• 3. Icons
  • 3.1. Custom icons
• 4. Husky and lint-staged
• 5. Shortcuts (name aliases)
  • 5.1. @root / @package
  • 5.2. volto-themes
  • 5.3. volto-original
• 6. Internationalization
  • 6.1. Broad overview
  • 6.2. Creating i18n Strings
  • 6.3. Extracting i18n Strings
  • 6.4. Overriding i18n messages
  • 6.5. Translating add-ons
  • 6.6. Contributing translations for an unsupported language
• 7. Lazyloading components, injectLazyLibs for libraries
  • 7.1. Lazy load a component
  • 7.2. Lazy-loading libraries
• 8. critical.css
• 9. Bundle analyzing
• 10. Component Registry
  • 10.1. Registering components by name using config.registerComponent
  • 10.2. Retrieving a component from the component registry
  • 10.3. Adapting the component using dependencies array
• 11. Linters
  • 11.1. ESlint
  • 11.2. Prettier
  • 11.3. Stylelint
• 12. Debugging with Volto
• 13. VSCode extensions/helpers
• 14. vim and neovim integration