UI5 VitePress

March 23, 2024 · View on GitHub

Pre-configured “Ready to Run” solution to get started immediately with VitePress and UI5.

Live Demo (see .github/workflows/deploy.yml)

Fire and Water Design System

Project Screenshot

Features

  • 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.
  • Deployment
    • GitHub Pages using actions
    • BTP using manifest

Installation

  1. Clone the repo 
    git clone https://github.com/hschaefer123/ui5-vitepress.git
  2. Install NPM packages 
    npm install
  3. Start dev server using 
    npm run dev

The dev server automatically opens a browser window at http://localhost:5173.

Everything else can be found in the application.

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Holger Schäfer - @hschaefer123

UDINA Business Technology Platform: https://btp.udina.de