/blazor-dashboard

Blazor sample dashboard app with native components from Telerik

Primary LanguageHTML

Blazor Dashboard App

This sample application showcases how easy it is to plug the Telerik Blazor components in your layout, data and models. It is insipred by other similar dashboard apps for Vue.js and Angular.

What's Inside

  • Bootstrap for the layouts
  • the Telerik Blazor components for the UI elements
  • customized SASS variables for Bootstrap
  • the Telerik Bootstrap SASS theme to also utilize those variables
  • Gulp to fetch the SASS dependencies, build them and minify the output
  • dummy data, because, at the time of writing, the Octokit.NET package does not work under Blazor due to issues with async requests

How to Run Locally

To run this app locally, you need:

  • Node.js
  • to be able to run the latest Telerik UI for Blazor version (more details here)

If you don't have a commercial license for UI for Blazor, start a trial and replace the package reference with Telerik.UI.for.Blazor.Trial.

One-time Installation

While the compiled CSS is commited in the repo and the app can run as-is, if you want to run the tasks yourself, you need to perform the procedure below. Alternatively, remove gulpfile.js and package.json from the project.

To build the dependencies, ensure you can build the SASS modules by:

  1. open PowerShell as Administrator
  2. execute npm install --global --production windows-build-tools
  3. execute npm install -g node-gyp
  4. from the command inside the project folder (where the packages.json file is), execute npm install

Usual Run

  1. open the sln file with VS 2019 Preview
  2. press F5