Skip to content

Commit ad36fa8

Browse files
linkdotnetlinkdotnet
committed
Adopted .net6 template to include headoutlet render on server
1 parent 435b211 commit ad36fa8

File tree

2 files changed

+55
-51
lines changed

2 files changed

+55
-51
lines changed

‎LinkDotNet.Blog.Web/Pages/_Host.cshtml

+2-51
Original file line numberDiff line numberDiff line change
@@ -1,57 +1,8 @@
11
@page "/"
22
@namespace LinkDotNet.Blog.Web.Pages
3-
@using Microsoft.AspNetCore.Components.Web
4-
@inject AppConfiguration appConfiguration
53
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
64
@{
7-
Layout = null;
5+
Layout = "_Layout";
86
}
97

10-
<!DOCTYPE html>
11-
<html lang="en">
12-
<head>
13-
<meta charset="utf-8"/>
14-
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
15-
<title>@appConfiguration.BlogName</title>
16-
<base href="~/"/>
17-
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
18-
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
19-
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
20-
<link rel="manifest" href="/site.webmanifest">
21-
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
22-
<meta name="msapplication-TileColor" content="#da532c">
23-
<meta name="theme-color" content="#ffffff">
24-
<link rel="preload" href="css/bootstrap/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="css/bootstrap/bootstrap.min.css"></noscript>
25-
<environment include="Development">
26-
<link href="css/basic.css" rel="stylesheet" />
27-
</environment>
28-
<environment include="Staging,Production">
29-
<link href="css/bundle.min.css" rel="stylesheet"/>
30-
</environment>
31-
<link href="LinkDotNet.Blog.Web.styles.css" rel="stylesheet"/>
32-
<link rel="preload" href="_content/Blazored.Toast/blazored-toast.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="_content/Blazored.Toast/blazored-toast.min.css"></noscript>
33-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
34-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/styles/monokai.min.css" integrity="sha512-RLF8eOxhuwsRINc7r56dpl9a3VStqrXD+udWahutJrYdyh++2Ghnf+s4jFsOyryKZt/GNjPwbXVPH3MJpKrn2g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
35-
<component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />
36-
</head>
37-
<body>
38-
<component type="typeof(App)" render-mode="ServerPrerendered"/>
39-
40-
<div id="blazor-error-ui">
41-
<environment include="Staging,Production">
42-
An error has occurred. This application may no longer respond until reloaded.
43-
</environment>
44-
<environment include="Development">
45-
An unhandled exception has occurred. See browser dev tools for details.
46-
</environment>
47-
<a href="" class="reload">Reload</a>
48-
<a class="dismiss">🗙</a>
49-
</div>
50-
<script src="_framework/blazor.server.js"></script>
51-
<script async src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/highlight.min.js" integrity="sha512-Pbb8o120v5/hN/a6LjF4N4Lxou+xYZ0QcVF8J6TWhBbHmctQWd8O6xTDmHpE/91OjPzCk4JRoiJsexHYg4SotQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
52-
<script async src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/languages/csharp.min.js" integrity="sha512-v7mtZg9ySysViDE/8FxpWzLPe4Qzj+xQ//OqdMkl0UapomXAjp79QNiziv6PLmG5GSXjTcfCOzEBv5B/Rp6COg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
53-
<script async src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/all.min.js" integrity="sha512-RXf+QSDCUQs5uwRKaDoXt55jygZZm2V++WUZduaU/Ui/9EGp3f/2KZVahFZBKGH0s774sd3HmrhUy+SgOFQLVQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
54-
<script async src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha256-cMPWkL3FzjuaFSfEYESYmjF25hCIL6mfRSPnW8OVvM4=" crossorigin="anonymous"></script>
55-
<script async src="components/slideshow.js" ></script>
56-
</body>
57-
</html>
8+
<component type="typeof(App)" render-mode="ServerPrerendered" />

‎LinkDotNet.Blog.Web/Pages/_Layout.cshtml

+53
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
@namespace LinkDotNet.Blog.Web.Pages
2+
@using Microsoft.AspNetCore.Components.Web
3+
@inject AppConfiguration appConfiguration
4+
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
5+
6+
<!DOCTYPE html>
7+
<html lang="en">
8+
<head>
9+
<meta charset="utf-8"/>
10+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
11+
<title>@appConfiguration.BlogName</title>
12+
<base href="~/"/>
13+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
14+
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
15+
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
16+
<link rel="manifest" href="/site.webmanifest">
17+
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
18+
<meta name="msapplication-TileColor" content="#da532c">
19+
<meta name="theme-color" content="#ffffff">
20+
<link rel="preload" href="css/bootstrap/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="css/bootstrap/bootstrap.min.css"></noscript>
21+
<environment include="Development">
22+
<link href="css/basic.css" rel="stylesheet" />
23+
</environment>
24+
<environment include="Staging,Production">
25+
<link href="css/bundle.min.css" rel="stylesheet"/>
26+
</environment>
27+
<link href="LinkDotNet.Blog.Web.styles.css" rel="stylesheet"/>
28+
<link rel="preload" href="_content/Blazored.Toast/blazored-toast.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="_content/Blazored.Toast/blazored-toast.min.css"></noscript>
29+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
30+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/styles/monokai.min.css" integrity="sha512-RLF8eOxhuwsRINc7r56dpl9a3VStqrXD+udWahutJrYdyh++2Ghnf+s4jFsOyryKZt/GNjPwbXVPH3MJpKrn2g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
31+
<component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />
32+
</head>
33+
<body>
34+
@RenderBody()
35+
36+
<div id="blazor-error-ui">
37+
<environment include="Staging,Production">
38+
An error has occurred. This application may no longer respond until reloaded.
39+
</environment>
40+
<environment include="Development">
41+
An unhandled exception has occurred. See browser dev tools for details.
42+
</environment>
43+
<a href="" class="reload">Reload</a>
44+
<a class="dismiss">🗙</a>
45+
</div>
46+
<script src="_framework/blazor.server.js"></script>
47+
<script async src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/highlight.min.js" integrity="sha512-Pbb8o120v5/hN/a6LjF4N4Lxou+xYZ0QcVF8J6TWhBbHmctQWd8O6xTDmHpE/91OjPzCk4JRoiJsexHYg4SotQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
48+
<script async src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/languages/csharp.min.js" integrity="sha512-v7mtZg9ySysViDE/8FxpWzLPe4Qzj+xQ//OqdMkl0UapomXAjp79QNiziv6PLmG5GSXjTcfCOzEBv5B/Rp6COg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
49+
<script async src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/all.min.js" integrity="sha512-RXf+QSDCUQs5uwRKaDoXt55jygZZm2V++WUZduaU/Ui/9EGp3f/2KZVahFZBKGH0s774sd3HmrhUy+SgOFQLVQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
50+
<script async src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha256-cMPWkL3FzjuaFSfEYESYmjF25hCIL6mfRSPnW8OVvM4=" crossorigin="anonymous"></script>
51+
<script async src="components/slideshow.js" ></script>
52+
</body>
53+
</html>

0 commit comments

Comments
 (0)