Volto Hands-On

About

Learn how to quickly bootstrap and customize a Volto project

Level

All levels

This is the documentation for the "Volto Hands-On" training, which is intended as a half to full day training for people who already know the basics of ReactJS.

Volto Hands-On

• 1. Introduction
  • 1.1. Who are you?
  • 1.2. What will we do?
  • 1.3. What to expect
  • 1.4. The hands-on exercise
  • 1.5. Software requirements
• 2. Quick Start
  • 2.1. Set Up Volto Project
  • 2.2. Folder structure
  • 2.3. Build environments
  • 2.4. Volto source code
  • 2.5. Recommended plugins
• 3. Project requirements
  • 3.1. Tasks
  • 3.2. Training ressources and assets
• 4. Theming
  • 4.1. Set up theming for your addon
  • 4.2. Basic font family
• 5. Header
  • 5.1. custom.overrides
  • 5.2. Some dummy content
  • 5.3. Header styling
  • 5.4. Logo
  • 5.5. Header component
  • 5.6. Component shadowing
• 6. Breadcrumbs
  • 6.1. Hiding them from the App first level component
• 7. Footer
• 8. Edit config and site cleanup
  • 8.1. site cleanup
  • 8.2. Making the Title block deletable
• 9. Brief introduction to Volto blocks
  • 9.1. How to manually enable Blocks on a content type
  • 9.2. Blocks anatomy
  • 9.3. Register Block Files in index
  • 9.4. Blocks settings
• 10. Blocks - Slider Block
  • 10.1. Block view component
  • 10.2. Block edit
  • 10.3. Styling
• 11. Configurable Release Block
  • 11.1. Initital Block setups
  • 11.2. Create the schema for your Block
  • 11.3. Implement schema in sidebar
  • 11.4. Create the View
  • 11.5. Release
• 12. Grid listing Variation
  • 12.1. create some dummy events to display
  • 12.2. create the actual variation
  • 12.3. Markup for the Grid
• 13. Plone Release content type
  • 13.1. Creating a dummy for the View
  • 13.2. Displaying the actual content
  • 13.3. Add blocks to the content type
• 14. Internationalization
  • 14.1. Set up site to be multilingual
  • 14.2. Adding first translatable strings
  • 14.3. Translate non JSX strings
  • 14.4. Translations in customizations

This training was originally created by Victor Fernandez de Alba (sneridagh) and kept up to date by Jakob Kahl (jackahl).