Kronicle App

Component Name

Kronicle App

Component Type




Key Software

Gradle 7.4 Spring Boot 2.7.1 Guava 31.0.1-jre Zipkin Brave 5.13.9 Jackson 2.13.3 Spring Cloud 2021.0.3 Lombok 1.18.22, 1.18.24 Vue 2.6.14 Nuxt 2.15.8


The Single Page App (SPA) for Kronicle's UI. kronicle-app hosts the whole web UI for Kroncile


Table of Contents

The SPA is built with Nuxt and Vue.js. Nuxt is an awesome framework for building Vue.js apps that removes a lot of the boiler plate code needed and introduces a lot of helpful conventions and patterns. Nuxt supports both Server Side Rendering (SSR) and static generation. kronicle-app uses Nuxt with Server Side Rendering. Inital page renders are done server-side with further page renders performed client-side.



  • Rendering a web UI that visualises all the data in Kronicle. Data is a combination of data from kronicle.yaml files store in Git repos and data pulled in by Scanners from external data sources like Git repos, Zipkin, SonarQube etc. The Kronicle App uses the Konricle Service's RESTful API to retrieve all this data.


Diagram Action Description
Kronicle View Diagram

Architecture diagram for Kronicle

Structure - kronicle-app - production View Diagram

An auto-generated diagram that shows the structure of the kronicle-app component in the production environment

Kronicle App v0.1.355