Home

Awesome

Time travel into the future - BLAZOR + SITECORE

Build Status

<a href="https://visionsincode.files.wordpress.com/2018/06/hackerman.gif"><img data-attachment-id="3491" data-permalink="https://visionsincode.wordpress.com/?attachment_id=3491" data-orig-file="https://visionsincode.files.wordpress.com/2018/06/hackerman.gif?w=748" data-orig-size="480,270" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="Hackerman" data-image-description="" data-medium-file="https://visionsincode.files.wordpress.com/2018/06/hackerman.gif?w=748?w=300" data-large-file="https://visionsincode.files.wordpress.com/2018/06/hackerman.gif?w=748?w=480" src="https://visionsincode.files.wordpress.com/2018/06/hackerman.gif?w=480" alt="" class="aligncenter size-full wp-image-3491" width="480" height="270" srcset="https://visionsincode.files.wordpress.com/2018/06/hackerman.gif?w=480&amp;zoom=2 1.5x" src-orig="https://visionsincode.files.wordpress.com/2018/06/hackerman.gif?w=748" scale="1.5"></a>

Let’s get going, we are gone hack this 3.5 inch floppy disc to the year 2005

For those still wondering what BLAZOR is, check out the Introduction to Blazor, from Microsoft

Want to find out more about blazor? Check out this great site, AWESOME BLAZOR - A collection of awesome Blazor resources.

This repo allows you to run Sitecore app's client-side. We are also following the HELIX concept, the clean way.

Demo/live: https://visionsblazor.z16.web.core.windows.net

Setup BLAZOR

To get started with Blazor and build your first Blazor web app check out Blazor's getting started guide.

Setup solution

Clone or fork this repo, build it and be happy 🙂

UPDATE! Application can now run Server-side, Client-side

To run server-side:

Set SitecoreBlazorHosted.Server as StartUp project.

Select BlazorServer in Solution Configurations.

And run...

To run client-side:

Set SitecoreBlazorHosted.Client as StartUp project.

Select BlazorClient in Solution Configurations.

And run...

For now we have to disable/unload the Electron project. Because of breaking changes in the preview 3.2.0-preview1.20073.1, Asp Labs - Components.Electron needs to be upgraded.

To run Electron App:

Set SitecoreBlazorHosted.Electron as StartUp project.

Select BlazorElectron in Solution Configurations.

And run...

Blog posts

One solution (setup) to rule them all – Blazor Webassembly, Blazor Server, Blazor Electron

Make it all dynamic in BLAZOR – Routing, Pages and Components

Time travel into the future – BLAZOR + SITECORE + HELIX

Server-side is dead, long live client-side! BLAZOR + Sitecore = a match made in heaven