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 day training for people who already know the basics of ReactJS and Volto.

Volto Hands-On

• Introduction
  • Who are you?
  • What will we do?
  • What to expect
  • The hands-on exercise
  • Software requirements
  • Documentation
• Quick Start
  • Set Up Volto Project
  • Build environments
  • Volto source code
  • Recommended plugins
• Project requirements
  • Tasks
  • Training ressources and assets
• Theming
  • Basic font family
  • custom.overrides
• Header
  • Header styling
  • Logo
  • Header component
  • Component shadowing
  • Page content
• Breadcrumbs
  • Hiding them from the App first level component
• Footer
• Edit config and site cleanup
  • site cleanup
  • Making the Title block deletable
• Brief introduction to Volto blocks
  • How to manually enable Blocks on a content type
  • Blocks anatomy
  • Register Block Files in index
  • Blocks settings
• Blocks - Highlight Block
  • Block view component
  • Block edit
  • Styling
• Configurable Downloadlink Block
  • Initital Block setups
  • Create the schema for your Block
  • Implement schema in sidebar
  • Create the View
• Events listing template
  • create some dummy events to display
  • create the actual template
  • Style the template properly
• Sprint content type
  • Create Sprint content type
  • Create the new view component

This training was created by Victor Fernandez de Alba (sneridagh).