Blazor StarterKit Template Not working on https, no support for hot-reload

I bought the Metronic Template and am using tve Blazor Server Version / StarterKit.

Why does it not run on https:// but instead I see aa notification in my browser that says "this page is stored on you computer". Visual Studio IDE hot-reload feature does not work in Metronic because of that as well.

I want to know why the template does not run as a normal blazor server project on http:// or https:// as we know?

Also, will these limitations affect my entire app testing, deployment and security?

I hope to implement authentication and want to know if this won't create issues.

Thanks

Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (7)

Hi,

Sorry for the late reply and thank you for your feedback.

Usually, the development server is run as a https://, we will check this issue in more detail.

Could you please specify the following?
1) Your Metronic version
2) Your operating system
3) Your Visual Studio version

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Hello!

Thank you very much for the reply.

I am running / using:
1. Metronic 8 (Blazor Server Demo Template, gotten from the downloads section)
2. Windows 10 Pro, Version: 20H2, OS build: 19042.631
3. Microsoft Visual Studio Community 2022 (64-bit) Version 17.4.3

Please investigate this and assist me.

Thank you

Hi,

It seems like hot-reload in Visual Studio doesn't work even for newly created "Blazor Server App" projects. If in your environment new projects have hot-reload then, as a temporary solution, you can create a new project using Visual Studio and then copy our main files/components into your project. Let me know if you will need guide on this.

Our Blazor Starterkit was created using dotnet cli. Right now to run an application using dotnet cli with hotreload enabled you can use the command below.

dotnet watch

Regards,
Lauris Stepanovs,
Keenthemes Support Team

hello!

Thank you for you feedback. I will apprecite your help in correctly copying Metronic files to Blazor Server Project if this assistance is available. thanks

Hi,

Create a new project with name Starterkit, so all namespaces will be compatible.

Copy files below to your newly created project.

/_keenthemes
/themesettings.json

And replace the following files and folders:

/Pages
/Shared
/wwwroot
/App.razor

Regards,
Lauris Stepanovs,
Keenthemes Support Team

thank you very much

Hi Rassell,

Let me know if there is anything else I can help you with.

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(