VitePress
Know what? You’re looking at VitePress right now! It is asuprt lightwieght and powerful static site builder, and wonderful for building out documentation like this.Helpful resources
- Official VitePress site - The official VitePress site with helpful documentation
How we use VitePress
We use VuePress to publish documentation for quick reference as a team, and for specific application developer documentation.Structuring documentation
Folder structure
To keep thing organised we use a folder structure to categories documentation. This is also helpful when building out the sidebar.Sidebar structure
Based off the folder structure we can build a sidebar that categorises documentation into helpful areasAdding images
To add static assets like images/files we add them in the folder of the referencing document within animages folder using the following convention:
{document_name}_{image_name}.png
You can then reference them directly in the document:

Making changes
There is no develop branch of the VuePress instance, all changes are merged to themain branch. Changes to VuePress documentation are categorised into two types
- Standard
- Hotfix
Standard changes
95% of the time your change will be a standard change. These can include:- Adding / removing new documentation page
- Adding any structural changes to the documentation
- Changing the configuration files of the documentation
- Making an addition / significant ammendment to existing documentation
main branch. Only the documentation owner needs to be added as a reviewer.
Hotfix changes
When you are making an insignificant change, you can do a hotfix change. These can include:- 1-2 line content changes / corrections
- Spelling / format corrections
main branch