├── backend
├── .dockerignore
├── backend.csproj
├── appsettings.Development.json
├── appsettings.json
├── WeatherForecast.cs
├── Program.cs
├── Properties
│ └── launchSettings.json
├── Dockerfile
├── Controllers
│ └── WeatherForecastController.cs
├── fly.toml
└── Startup.cs
├── .vscode
├── settings.json
├── launch.json
└── tasks.json
├── frontend
├── .prettierignore
├── Pages
│ ├── Index.razor
│ ├── Counter.razor
│ └── FetchData.razor
├── wwwroot
│ ├── favicon.ico
│ ├── css
│ │ ├── open-iconic
│ │ │ ├── font
│ │ │ │ ├── fonts
│ │ │ │ │ ├── open-iconic.eot
│ │ │ │ │ ├── open-iconic.otf
│ │ │ │ │ ├── open-iconic.ttf
│ │ │ │ │ ├── open-iconic.woff
│ │ │ │ │ └── open-iconic.svg
│ │ │ │ └── css
│ │ │ │ │ └── open-iconic-bootstrap.min.css
│ │ │ ├── ICON-LICENSE
│ │ │ ├── README.md
│ │ │ └── FONT-LICENSE
│ │ └── app.css
│ ├── sample-data
│ │ └── weather.json
│ └── index.html
├── .prettierrc
├── _Imports.razor
├── Shared
│ ├── MainLayout.razor
│ ├── SurveyPrompt.razor
│ └── NavMenu.razor
├── App.razor
├── frontend.csproj
├── Program.cs
└── Properties
│ └── launchSettings.json
├── deploy-frontend.sh
├── deploy-all.sh
├── Directory.Build.props
├── deploy-backend.sh
├── README.md
├── .github
└── workflows
│ └── fly.yml
├── LICENSE
├── .gitattributes
├── blazor.sln
├── .editorconfig
└── .gitignore
/backend/.dockerignore:
--------------------------------------------------------------------------------
1 | bin/
2 | obj/
--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 | "cSpell.words": [
3 | "Blazor",
4 | "vercel",
5 | "vercel's"
6 | ]
7 | }
--------------------------------------------------------------------------------
/frontend/.prettierignore:
--------------------------------------------------------------------------------
1 |
2 | [Bb]in/
3 | [Oo]bj/
4 | [Ll]og/
5 |
6 | wwwroot/lib/*
7 | *.min.js
8 | *.min.css
9 | *.htm[l]
10 |
11 |
12 |
--------------------------------------------------------------------------------
/frontend/Pages/Index.razor:
--------------------------------------------------------------------------------
1 | @page "/"
2 |
3 | Hello, world!
4 |
5 | Welcome to your new app.
6 |
7 |
2 |
3 |
4 | netcoreapp3.1
5 |
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/backend/appsettings.Development.json:
--------------------------------------------------------------------------------
1 | {
2 | "Logging": {
3 | "LogLevel": {
4 | "Default": "Information",
5 | "Microsoft": "Warning",
6 | "Microsoft.Hosting.Lifetime": "Information"
7 | }
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/Directory.Build.props:
--------------------------------------------------------------------------------
1 |
2 |
3 | preview
4 | netcoreapp3.1
5 | NU1603;0612;TS1128;RCS1102;RCS1163
6 |
7 |
8 |
--------------------------------------------------------------------------------
/backend/appsettings.json:
--------------------------------------------------------------------------------
1 | {
2 | "Logging": {
3 | "LogLevel": {
4 | "Default": "Information",
5 | "Microsoft": "Warning",
6 | "Microsoft.Hosting.Lifetime": "Information"
7 | }
8 | },
9 | "AllowedHosts": "*"
10 | }
11 |
--------------------------------------------------------------------------------
/frontend/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 | "printWidth": 80,
3 | "tabWidth": 4,
4 | "useTabs": false,
5 | "semi": true,
6 | "singleQuote": true,
7 | "trailingComma": "none",
8 | "bracketSpacing": false,
9 | "jsxBracketSameLine": false
10 | }
11 |
--------------------------------------------------------------------------------
/deploy-backend.sh:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env bash
2 |
3 | #perhaps run these when debugging?
4 | #docker stop $(docker ps -a -q)
5 | #docker rm $(docker ps -a -q)
6 | #docker image prune
7 |
8 | cd backend
9 | dotnet build -c Release
10 | dotnet publish -c Release
11 | flyctl deploy
12 | cd ..
13 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | [](https://github.com/solrevdev/blazor-on-vercel) [](https://twitter.com/solrevdev)
2 | # blazor-on-vercel
3 | Blazor WebAssembly hosted on vercel's zeit now.sh
4 |
--------------------------------------------------------------------------------
/frontend/Pages/Counter.razor:
--------------------------------------------------------------------------------
1 | @page "/counter"
2 |
3 | Counter
4 |
5 | Current count: @currentCount
6 |
7 | Click me
8 |
9 | @code {
10 | private int currentCount = 0;
11 |
12 | private void IncrementCount()
13 | {
14 | currentCount++;
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/frontend/_Imports.razor:
--------------------------------------------------------------------------------
1 | @using System.Net.Http
2 | @using System.Net.Http.Json
3 | @using Microsoft.AspNetCore.Components.Forms
4 | @using Microsoft.AspNetCore.Components.Routing
5 | @using Microsoft.AspNetCore.Components.Web
6 | @using Microsoft.AspNetCore.Components.WebAssembly.Http
7 | @using Microsoft.JSInterop
8 | @using frontend
9 | @using frontend.Shared
10 |
--------------------------------------------------------------------------------
/backend/WeatherForecast.cs:
--------------------------------------------------------------------------------
1 | using System;
2 |
3 | namespace backend
4 | {
5 | public class WeatherForecast
6 | {
7 | public DateTime Date { get; set; }
8 |
9 | public int TemperatureC { get; set; }
10 |
11 | public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
12 |
13 | public string Summary { get; set; }
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/frontend/Shared/MainLayout.razor:
--------------------------------------------------------------------------------
1 | @inherits LayoutComponentBase
2 |
3 |
6 |
7 |
8 |
11 |
12 |
13 | @Body
14 |
15 |
2 |
3 |
5 |
6 |
7 | Sorry, there's nothing at this address.
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/frontend/wwwroot/sample-data/weather.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "date": "2018-05-06",
4 | "temperatureC": 1,
5 | "summary": "Freezing"
6 | },
7 | {
8 | "date": "2018-05-07",
9 | "temperatureC": 14,
10 | "summary": "Bracing"
11 | },
12 | {
13 | "date": "2018-05-08",
14 | "temperatureC": -13,
15 | "summary": "Freezing"
16 | },
17 | {
18 | "date": "2018-05-09",
19 | "temperatureC": -16,
20 | "summary": "Balmy"
21 | },
22 | {
23 | "date": "2018-05-10",
24 | "temperatureC": -2,
25 | "summary": "Chilly"
26 | }
27 | ]
28 |
--------------------------------------------------------------------------------
/frontend/Shared/SurveyPrompt.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 |
@Title
4 |
5 |
6 | Please take our
7 | brief survey
8 |
9 | and tell us what you think.
10 |
());
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/frontend/wwwroot/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Blazor
8 | Loading...
15 |
16 |
17 | An unhandled error has occurred.
18 |
Reload
19 |
🗙
20 |
2 |
3 |
4 | netstandard2.1
5 | 3.0
6 |
7 |
8 |
9 |
14 |
15 |
16 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/frontend/Program.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Net.Http;
3 | using System.Collections.Generic;
4 | using System.Threading.Tasks;
5 | using System.Text;
6 | using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
7 | using Microsoft.Extensions.Configuration;
8 | using Microsoft.Extensions.DependencyInjection;
9 | using Microsoft.Extensions.Logging;
10 |
11 | namespace frontend
12 | {
13 | public class Program
14 | {
15 | public static async Task Main(string[] args)
16 | {
17 | var builder = WebAssemblyHostBuilder.CreateDefault(args);
18 | builder.RootComponents.Add("app");
19 |
20 | builder.Services.AddTransient(sp => new HttpClient { BaseAddress = new Uri("https://blue-dust-2805.fly.dev") });
21 |
22 | await builder.Build().RunAsync().ConfigureAwait(false);
23 | }
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/backend/Properties/launchSettings.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "http://json.schemastore.org/launchsettings.json",
3 | "iisSettings": {
4 | "windowsAuthentication": false,
5 | "anonymousAuthentication": true,
6 | "iisExpress": {
7 | "applicationUrl": "http://localhost:54822",
8 | "sslPort": 44346
9 | }
10 | },
11 | "profiles": {
12 | "IIS Express": {
13 | "commandName": "IISExpress",
14 | "launchBrowser": true,
15 | "launchUrl": "weatherforecast",
16 | "environmentVariables": {
17 | "ASPNETCORE_ENVIRONMENT": "Development"
18 | }
19 | },
20 | "backend": {
21 | "commandName": "Project",
22 | "launchBrowser": true,
23 | "launchUrl": "weatherforecast",
24 | "applicationUrl": "https://localhost:5001;http://localhost:5000",
25 | "environmentVariables": {
26 | "ASPNETCORE_ENVIRONMENT": "Development"
27 | }
28 | }
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/frontend/Properties/launchSettings.json:
--------------------------------------------------------------------------------
1 | {
2 | "iisSettings": {
3 | "windowsAuthentication": false,
4 | "anonymousAuthentication": true,
5 | "iisExpress": {
6 | "applicationUrl": "http://localhost:16930",
7 | "sslPort": 44387
8 | }
9 | },
10 | "profiles": {
11 | "IIS Express": {
12 | "commandName": "IISExpress",
13 | "launchBrowser": true,
14 | "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
15 | "environmentVariables": {
16 | "ASPNETCORE_ENVIRONMENT": "Development"
17 | }
18 | },
19 | "frontend": {
20 | "commandName": "Project",
21 | "launchBrowser": true,
22 | "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
23 | "applicationUrl": "https://localhost:5001;http://localhost:5000",
24 | "environmentVariables": {
25 | "ASPNETCORE_ENVIRONMENT": "Development"
26 | }
27 | }
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2020 John Smith
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/frontend/wwwroot/css/open-iconic/ICON-LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2014 Waybury
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
--------------------------------------------------------------------------------
/.vscode/launch.json:
--------------------------------------------------------------------------------
1 | {
2 | // Use IntelliSense to find out which attributes exist for C# debugging
3 | // Use hover for the description of the existing attributes
4 | // For further information visit https://github.com/OmniSharp/omnisharp-vscode/blob/master/debugger-launchjson.md
5 | "version": "0.2.0",
6 | "configurations": [
7 | {
8 | "name": ".NET Core Launch (Blazor Standalone)",
9 | "type": "coreclr",
10 | "request": "launch",
11 | "program": "dotnet",
12 | "args": ["run"],
13 | "cwd": "${workspaceFolder}/frontend",
14 | "env": {
15 | "ASPNETCORE_ENVIRONMENT": "Development"
16 | }
17 | },
18 | {
19 | "name": ".NET Core Debug Blazor Web Assembly in Chrome",
20 | "type": "pwa-chrome",
21 | "request": "launch",
22 | "timeout": 30000,
23 | // If you have changed the default port / launch URL make sure to update the expectation below
24 | "url": "https://localhost:5001",
25 | "webRoot": "${workspaceFolder}/frontend",
26 | "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}"
27 | }
28 | ]
29 | }
--------------------------------------------------------------------------------
/backend/Dockerfile:
--------------------------------------------------------------------------------
1 | FROM mcr.microsoft.com/dotnet/core/sdk:3.1 AS build
2 | # update the debian based system
3 | RUN apt-get update && apt-get upgrade -y
4 | # install my dev dependacies inc sqllite and curl and unzip
5 | RUN apt-get install -y sqlite3
6 | RUN apt-get install -y libsqlite3-dev
7 | RUN apt-get install -y curl
8 | RUN apt-get install -y unzip
9 | # not sure why im deleting these
10 | RUN rm -rf /var/lib/apt/lists/*
11 |
12 | # add debugging in a docker tooling - install the dependencies for Visual Studio Remote Debugger
13 | RUN apt-get update && apt-get install -y --no-install-recommends unzip procps
14 | # install Visual Studio Remote Debugger
15 | RUN curl -sSL https://aka.ms/getvsdbgsh | bash /dev/stdin -v latest -l ~/vsdbg
16 | WORKDIR /app/web
17 |
18 | # layer and build
19 | COPY . .
20 | WORKDIR /app/web
21 | RUN dotnet restore
22 |
23 | # layer adding linker then publish after tree shaking
24 | FROM build AS publish
25 | WORKDIR /app/web
26 | RUN dotnet publish -c Release -o out
27 |
28 | # final layer using smallest runtime available
29 | FROM mcr.microsoft.com/dotnet/core/aspnet:3.1 AS runtime
30 | WORKDIR /app/web
31 | COPY --from=publish app/web/out ./
32 |
33 | # expose port and execute aspnetcore app
34 | EXPOSE 5000
35 | ENV ASPNETCORE_URLS=http://+:5000
36 | ENTRYPOINT ["dotnet", "backend.dll"]
37 |
--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | ###############################
2 | # Git Line Endings #
3 | ###############################
4 |
5 | # Set default behavior to automatically normalize line endings.
6 | * text=auto
7 |
8 | # Force bash scripts to always use lf line endings so that if a repo is accessed
9 | # in Unix via a file share from Windows, the scripts will work.
10 | *.sh text eol=lf
11 |
12 | ###############################
13 | # Git Large File System (LFS) #
14 | ###############################
15 |
16 | # Archives
17 | *.7z filter=lfs diff=lfs merge=lfs -text
18 | *.br filter=lfs diff=lfs merge=lfs -text
19 | *.gz filter=lfs diff=lfs merge=lfs -text
20 | *.tar filter=lfs diff=lfs merge=lfs -text
21 | *.zip filter=lfs diff=lfs merge=lfs -text
22 |
23 | # Documents
24 | *.pdf filter=lfs diff=lfs merge=lfs -text
25 |
26 | # Images
27 | *.gif filter=lfs diff=lfs merge=lfs -text
28 | *.ico filter=lfs diff=lfs merge=lfs -text
29 | *.jpg filter=lfs diff=lfs merge=lfs -text
30 | *.pdf filter=lfs diff=lfs merge=lfs -text
31 | *.png filter=lfs diff=lfs merge=lfs -text
32 | *.psd filter=lfs diff=lfs merge=lfs -text
33 | *.webp filter=lfs diff=lfs merge=lfs -text
34 |
35 | # Fonts
36 | *.woff2 filter=lfs diff=lfs merge=lfs -text
37 |
38 | # Other
39 | *.exe filter=lfs diff=lfs merge=lfs -text
40 |
41 | # Razor files
42 | *.razor linguist-language=C#
43 |
--------------------------------------------------------------------------------
/frontend/Shared/NavMenu.razor:
--------------------------------------------------------------------------------
1 |
7 |
8 |
27 |
28 | @code {
29 | private bool collapseNavMenu = true;
30 |
31 | private string NavMenuCssClass => collapseNavMenu ? "collapse" : null;
32 |
33 | private void ToggleNavMenu()
34 | {
35 | collapseNavMenu = !collapseNavMenu;
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/.vscode/tasks.json:
--------------------------------------------------------------------------------
1 | {
2 | "version": "2.0.0",
3 | "tasks": [
4 | {
5 | "label": "build",
6 | "command": "dotnet",
7 | "type": "process",
8 | "args": [
9 | "build",
10 | "${workspaceFolder}/frontend/frontend.csproj",
11 | "/property:GenerateFullPaths=true",
12 | "/consoleloggerparameters:NoSummary"
13 | ],
14 | "problemMatcher": "$msCompile"
15 | },
16 | {
17 | "label": "publish",
18 | "command": "dotnet",
19 | "type": "process",
20 | "args": [
21 | "publish",
22 | "${workspaceFolder}/frontend/frontend.csproj",
23 | "/property:GenerateFullPaths=true",
24 | "/consoleloggerparameters:NoSummary"
25 | ],
26 | "problemMatcher": "$msCompile"
27 | },
28 | {
29 | "label": "watch",
30 | "command": "dotnet",
31 | "type": "process",
32 | "args": [
33 | "watch",
34 | "run",
35 | "${workspaceFolder}/frontend/frontend.csproj",
36 | "/property:GenerateFullPaths=true",
37 | "/consoleloggerparameters:NoSummary"
38 | ],
39 | "problemMatcher": "$msCompile"
40 | }
41 | ]
42 | }
--------------------------------------------------------------------------------
/backend/Controllers/WeatherForecastController.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Collections.Generic;
3 | using System.Linq;
4 | using System.Threading.Tasks;
5 | using Microsoft.AspNetCore.Mvc;
6 | using Microsoft.Extensions.Logging;
7 |
8 | namespace backend.Controllers
9 | {
10 | [ApiController]
11 | [Route("[controller]")]
12 | public class WeatherForecastController : ControllerBase
13 | {
14 | private static readonly string[] _summaries = new[]
15 | {
16 | "Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching"
17 | };
18 |
19 | private readonly ILogger _logger;
20 |
21 | public WeatherForecastController(ILogger logger)
22 | {
23 | _logger = logger;
24 | }
25 |
26 | [HttpGet]
27 | public IEnumerable Get()
28 | {
29 | _logger.LogInformation("Calling WeatherForecast API");
30 |
31 | var rng = new Random();
32 | return Enumerable.Range(1, 5).Select(index => new WeatherForecast
33 | {
34 | Date = DateTime.Now.AddDays(index),
35 | TemperatureC = rng.Next(-20, 55),
36 | Summary = _summaries[rng.Next(_summaries.Length)]
37 | })
38 | .ToArray();
39 | }
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/backend/fly.toml:
--------------------------------------------------------------------------------
1 | # fly.toml app configuration file generated for blue-dust-2805 on 2023-10-09T15:33:16+01:00
2 | #
3 | # See https://fly.io/docs/reference/configuration/ for information about how to use this file.
4 | #
5 |
6 | app = "blue-dust-2805"
7 | # https://fly.io/docs/reference/regions/ the other option was lhr but only paid plans do scaling and on deployment lhr did nothing. lets try again with fra
8 | primary_region = "fra"
9 | kill_signal = "SIGINT"
10 | kill_timeout = "5s"
11 |
12 | [experimental]
13 | auto_rollback = true
14 |
15 | [processes]
16 | app = "shared-cpu-1x" # the smallest cheapest one. use fly scale memory 256 to keep low and fly scale show to check
17 |
18 | [[services]]
19 | protocol = "tcp"
20 | internal_port = 5000
21 | auto_stop_machines = true # Automatically stop machines when idle
22 | auto_start_machines = true # Automatically start machines based on demand
23 | min_machines_running = 0 # Keep zero machines running when idle
24 | processes = ["app"]
25 |
26 | [[services.ports]]
27 | port = 80
28 | handlers = ["http"]
29 |
30 | [[services.ports]]
31 | port = 443
32 | handlers = ["tls", "http"]
33 |
34 | [services.concurrency]
35 | type = "connections"
36 | hard_limit = 1 # Set to 1 to minimize resource usage
37 | soft_limit = 1 # Set to 1 to minimize resource usage
38 |
39 | [[services.tcp_checks]]
40 | interval = "10s"
41 | timeout = "2s"
42 | grace_period = "5s"
43 |
--------------------------------------------------------------------------------
/frontend/Pages/FetchData.razor:
--------------------------------------------------------------------------------
1 | @page "/fetchdata"
2 | @inject HttpClient Http
3 |
4 | Weather forecast
5 |
6 | This component demonstrates fetching data from the server.
7 |
8 | @if (_forecasts == null)
9 | {
10 | Loading...
11 | }
12 | else
13 | {
14 |
15 |
16 |
17 | Date
18 | Temp. (C)
19 | Temp. (F)
20 | Summary
21 |
22 |
23 |
24 | @foreach (var forecast in _forecasts)
25 | {
26 |
27 | @forecast.Date.ToShortDateString()
28 | @forecast.TemperatureC
29 | @forecast.TemperatureF
30 | @forecast.Summary
31 |
32 | }
33 |
34 |
35 | }
36 |
37 | @code {
38 | private WeatherForecast[] _forecasts;
39 |
40 | protected override async Task OnInitializedAsync()
41 | {
42 | _forecasts = await Http.GetFromJsonAsync("weatherforecast");
43 | }
44 |
45 | public class WeatherForecast
46 | {
47 | public DateTime Date { get; set; }
48 |
49 | public int TemperatureC { get; set; }
50 |
51 | public string Summary { get; set; }
52 |
53 | public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
54 | }
55 | }
56 |
--------------------------------------------------------------------------------
/backend/Startup.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Collections.Generic;
3 | using System.Linq;
4 | using System.Threading.Tasks;
5 | using Microsoft.AspNetCore.Builder;
6 | using Microsoft.AspNetCore.Hosting;
7 | using Microsoft.AspNetCore.HttpsPolicy;
8 | using Microsoft.AspNetCore.Mvc;
9 | using Microsoft.Extensions.Configuration;
10 | using Microsoft.Extensions.DependencyInjection;
11 | using Microsoft.Extensions.Hosting;
12 | using Microsoft.Extensions.Logging;
13 | using Microsoft.Net.Http.Headers;
14 |
15 | namespace backend
16 | {
17 | public class Startup
18 | {
19 | private readonly string _myAllowSpecificOrigins = "_myAllowSpecificOrigins";
20 |
21 | public Startup(IConfiguration configuration)
22 | {
23 | Configuration = configuration;
24 | }
25 |
26 | public IConfiguration Configuration { get; }
27 |
28 | // This method gets called by the runtime. Use this method to add services to the container.
29 | public void ConfigureServices(IServiceCollection services)
30 | {
31 | services.AddCors(options =>
32 | {
33 | options.AddPolicy(name: _myAllowSpecificOrigins,
34 | builder =>
35 | {
36 | builder.WithOrigins("https://blazor.now.sh",
37 | "https://blazor.solrevdev.now.sh",
38 | "https://localhost:5001",
39 | "http://localhost:5000");
40 | });
41 | });
42 |
43 | services.AddControllers();
44 | }
45 |
46 | // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
47 | public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
48 | {
49 | if (env.IsDevelopment())
50 | {
51 | app.UseDeveloperExceptionPage();
52 | }
53 |
54 | app.UseHttpsRedirection();
55 |
56 | app.UseRouting();
57 |
58 | app.UseCors(policy =>
59 | policy
60 | .WithOrigins("https://blazor.now.sh",
61 | "https://blazor.solrevdev.now.sh",
62 | "https://localhost:5001",
63 | "http://localhost:5000")
64 | .AllowAnyMethod()
65 | .WithHeaders(HeaderNames.ContentType));
66 |
67 | app.UseAuthorization();
68 |
69 | app.UseEndpoints(endpoints => endpoints.MapControllers());
70 | }
71 | }
72 | }
73 |
--------------------------------------------------------------------------------
/blazor.sln:
--------------------------------------------------------------------------------
1 |
2 | Microsoft Visual Studio Solution File, Format Version 12.00
3 | # Visual Studio 15
4 | VisualStudioVersion = 15.0.26124.0
5 | MinimumVisualStudioVersion = 15.0.26124.0
6 | Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "frontend", "frontend\frontend.csproj", "{2D2BE2F9-714E-43B0-87AD-60230178F804}"
7 | EndProject
8 | Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "backend", "backend\backend.csproj", "{DA9BE63F-8AAF-4AA5-B12D-5C156441243A}"
9 | EndProject
10 | Global
11 | GlobalSection(SolutionConfigurationPlatforms) = preSolution
12 | Debug|Any CPU = Debug|Any CPU
13 | Debug|x64 = Debug|x64
14 | Debug|x86 = Debug|x86
15 | Release|Any CPU = Release|Any CPU
16 | Release|x64 = Release|x64
17 | Release|x86 = Release|x86
18 | EndGlobalSection
19 | GlobalSection(SolutionProperties) = preSolution
20 | HideSolutionNode = FALSE
21 | EndGlobalSection
22 | GlobalSection(ProjectConfigurationPlatforms) = postSolution
23 | {2D2BE2F9-714E-43B0-87AD-60230178F804}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
24 | {2D2BE2F9-714E-43B0-87AD-60230178F804}.Debug|Any CPU.Build.0 = Debug|Any CPU
25 | {2D2BE2F9-714E-43B0-87AD-60230178F804}.Debug|x64.ActiveCfg = Debug|Any CPU
26 | {2D2BE2F9-714E-43B0-87AD-60230178F804}.Debug|x64.Build.0 = Debug|Any CPU
27 | {2D2BE2F9-714E-43B0-87AD-60230178F804}.Debug|x86.ActiveCfg = Debug|Any CPU
28 | {2D2BE2F9-714E-43B0-87AD-60230178F804}.Debug|x86.Build.0 = Debug|Any CPU
29 | {2D2BE2F9-714E-43B0-87AD-60230178F804}.Release|Any CPU.ActiveCfg = Release|Any CPU
30 | {2D2BE2F9-714E-43B0-87AD-60230178F804}.Release|Any CPU.Build.0 = Release|Any CPU
31 | {2D2BE2F9-714E-43B0-87AD-60230178F804}.Release|x64.ActiveCfg = Release|Any CPU
32 | {2D2BE2F9-714E-43B0-87AD-60230178F804}.Release|x64.Build.0 = Release|Any CPU
33 | {2D2BE2F9-714E-43B0-87AD-60230178F804}.Release|x86.ActiveCfg = Release|Any CPU
34 | {2D2BE2F9-714E-43B0-87AD-60230178F804}.Release|x86.Build.0 = Release|Any CPU
35 | {DA9BE63F-8AAF-4AA5-B12D-5C156441243A}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
36 | {DA9BE63F-8AAF-4AA5-B12D-5C156441243A}.Debug|Any CPU.Build.0 = Debug|Any CPU
37 | {DA9BE63F-8AAF-4AA5-B12D-5C156441243A}.Debug|x64.ActiveCfg = Debug|Any CPU
38 | {DA9BE63F-8AAF-4AA5-B12D-5C156441243A}.Debug|x64.Build.0 = Debug|Any CPU
39 | {DA9BE63F-8AAF-4AA5-B12D-5C156441243A}.Debug|x86.ActiveCfg = Debug|Any CPU
40 | {DA9BE63F-8AAF-4AA5-B12D-5C156441243A}.Debug|x86.Build.0 = Debug|Any CPU
41 | {DA9BE63F-8AAF-4AA5-B12D-5C156441243A}.Release|Any CPU.ActiveCfg = Release|Any CPU
42 | {DA9BE63F-8AAF-4AA5-B12D-5C156441243A}.Release|Any CPU.Build.0 = Release|Any CPU
43 | {DA9BE63F-8AAF-4AA5-B12D-5C156441243A}.Release|x64.ActiveCfg = Release|Any CPU
44 | {DA9BE63F-8AAF-4AA5-B12D-5C156441243A}.Release|x64.Build.0 = Release|Any CPU
45 | {DA9BE63F-8AAF-4AA5-B12D-5C156441243A}.Release|x86.ActiveCfg = Release|Any CPU
46 | {DA9BE63F-8AAF-4AA5-B12D-5C156441243A}.Release|x86.Build.0 = Release|Any CPU
47 | EndGlobalSection
48 | EndGlobal
49 |
--------------------------------------------------------------------------------
/frontend/wwwroot/css/open-iconic/README.md:
--------------------------------------------------------------------------------
1 | [Open Iconic v1.1.1](http://useiconic.com/open)
2 | ===========
3 |
4 | ### Open Iconic is the open source sibling of [Iconic](http://useiconic.com). It is a hyper-legible collection of 223 icons with a tiny footprint—ready to use with Bootstrap and Foundation. [View the collection](http://useiconic.com/open#icons)
5 |
6 |
7 |
8 | ## What's in Open Iconic?
9 |
10 | * 223 icons designed to be legible down to 8 pixels
11 | * Super-light SVG files - 61.8 for the entire set
12 | * SVG sprite—the modern replacement for icon fonts
13 | * Webfont (EOT, OTF, SVG, TTF, WOFF), PNG and WebP formats
14 | * Webfont stylesheets (including versions for Bootstrap and Foundation) in CSS, LESS, SCSS and Stylus formats
15 | * PNG and WebP raster images in 8px, 16px, 24px, 32px, 48px and 64px.
16 |
17 |
18 | ## Getting Started
19 |
20 | #### For code samples and everything else you need to get started with Open Iconic, check out our [Icons](http://useiconic.com/open#icons) and [Reference](http://useiconic.com/open#reference) sections.
21 |
22 | ### General Usage
23 |
24 | #### Using Open Iconic's SVGs
25 |
26 | We like SVGs and we think they're the way to display icons on the web. Since Open Iconic are just basic SVGs, we suggest you display them like you would any other image (don't forget the `alt` attribute).
27 |
28 | ```
29 | ` *tag and a unique class name for each different icon in the* `` *tag.*
37 |
38 | ```
39 |
40 |
42 | ```
43 |
44 | Sizing icons only needs basic CSS. All the icons are in a square format, so just set the `` tag with equal width and height dimensions.
45 |
46 | ```
47 | .icon {
48 | width: 16px;
49 | height: 16px;
50 | }
51 | ```
52 |
53 | Coloring icons is even easier. All you need to do is set the `fill` rule on the `` tag.
54 |
55 | ```
56 | .icon-account-login {
57 | fill: #f00;
58 | }
59 | ```
60 |
61 | To learn more about SVG Sprites, read [Chris Coyier's guide](http://css-tricks.com/svg-sprites-use-better-icon-fonts/).
62 |
63 | #### Using Open Iconic's Icon Font...
64 |
65 |
66 | ##### …with Bootstrap
67 |
68 | You can find our Bootstrap stylesheets in `font/css/open-iconic-bootstrap.{css, less, scss, styl}`
69 |
70 |
71 | ```
72 |
7 |
8 | Created by FontForge 20120731 at Tue Jul 1 20:39:22 2014
9 | By P.J. Onori
10 | Created by P.J. Onori with FontForge 2.0 (http://fontforge.sf.net)
11 |
12 |
13 |
14 |
543 |
544 |
--------------------------------------------------------------------------------
30 | ```
31 |
32 | #### Using Open Iconic's SVG Sprite
33 |
34 | Open Iconic also comes in a SVG sprite which allows you to display all the icons in the set with a single request. It's like an icon font, without being a hack.
35 |
36 | Adding an icon from an SVG sprite is a little different than what you're used to, but it's still a piece of cake. *Tip: To make your icons easily style able, we suggest adding a general class to the* `