What is UI5 VitePress?

Vue.js VitePress is a Static Site Generator (SSG) designed for building fast, content-centric websites. In a nutshell, VitePress takes your source content written in Markdown, applies a theme to it, and generates static HTML pages that can be easily deployed anywhere.

UI5 VitePress is a Pre-configured «Ready to Run» solution to get started immediately with VitePress and UI5.

Dependencies

The static site is build with VitePress, a markdown-centered Static Site Generator (SSG) using the Vite development environment and Rollup module bundler.

In addition, it enables the integration of dynamic and interactive tools:

• Vue based Single-File Components (SFC)
• UI5 Web Components implementing the Fiori design system.
• PostCSS preprocessor transforming CSS with plugins:
  • Tailwind CSS enabling a utility-first driven design system.
  • Autoprefixer adding vendor prefixes to CSS rules.
  • cssnano optimizing for production with modern CSS compression.
• PlantUML creating diagrams from plain text.

Are there alternatives?

You should make sure that the tool meets the requirements (do you need multilanguage?).

Over time, the requirements grow and then it's good to have chosen a tool that supports your favorite web framework, in order to keep the learning and training effort low.

Tool	Description
VitePress	Powered by Vite and Vue 3 VuePress as predecessor
Docusaurus	Powered by MDX and React
Material for MkDocs	Powered by Python No Multilanguage Used by UI5 Tooling

Who is using VitePress?

The following resources are a good startting point to find additional inspirations and components:

Usage	Description
VitePress	Vite & Vue Powered Static Site Generator (Sources).
UDINA	Preconfigured "ready-to-run" solutions to quickly get started with the Intelligent Enterprise.
CAPire	CAP - The Cloud Application Programming Model (Sources).
Vue.js	The Progressive JavaScript Framework (Sources).
More Use Cases	VitePress Use Cases.