blazor-wasm-boilerplate - GitLite

KO | EN

gitlite — search

#javascript #react #typescript #golang #go #machine-learning #rust #linux #docker #nodejs #windows #vue #mcp #open-source

blazor-wasm-boilerplate

(★ 550)

Clean Architecture Boilerplate Template for .NET 6.0 Blazor WebAssembly built for FSH WebAPI with the goodness of MudBlazor Components.

File Explorer

Download Latest Version (.zip)

- - dotnet.yml
- dependabot.yml
- FUNDING.yml
- icon.png
- ide.host.json
- template.json
- launch.json
- settings.json
- tasks.json
- nswag-regen.ps1
- pull-shared-from-webapi.ps1
- - _Imports.razor
  - App.razor
  - Client.csproj
  - Program.cs
- - Client.Infrastructure.csproj
  - GlobalUsings.cs
  - Startup.cs
- - appsettings.Development.json
  - appsettings.json
  - Host.csproj
  - Program.cs
- - Shared.csproj
.dockerignore
.editorconfig
.gitignore
Directory.Build.props
Directory.Build.targets
Dockerfile
dotnet.ruleset
FSH.BlazorWebAssembly.nuspec
FSH.BlazorWebAssembly.sln
global.json
icon.png
LICENSE
README.md
stylecop.json

# Installation Guide

1. Get the code

git clone https://github.com/fullstackhero/blazor-wasm-boilerplate

Downloads the entire project code from GitHub to your computer.

cd blazor-wasm-boilerplate

Moves into the project folder you just downloaded.

2. Docker

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Docker Desktop Needed to build and run containers. Install it and keep it running in the background.

docker build -t blazor-wasm-boilerplate .

Builds a runnable image based on the Dockerfile.

docker run -p 8080:80 blazor-wasm-boilerplate

Runs the built image as an actual container.

✅ Run docker compose ps to check the containers are Up. If the README mentions a port, open http://localhost:PORT in your browser.

3. .NET

Medium

Prerequisites

Git Needed to download the project code from GitHub.
.NET SDK The SDK required for the dotnet command.

dotnet new --install FullStackHero.BlazorWebAssembly.Boilerplate

Type this command into your terminal and run it.

dotnet new --install FullStackHero.BlazorWebAssembly.Boilerplate::0.0.1-rc

Type this command into your terminal and run it.

dotnet new --install FullStackHero.WebAPI.Boilerplate::0.0.6-rc

Type this command into your terminal and run it.

✅ After dotnet run, check the message or address shown in the terminal.

Pulled directly from this repo's README.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![GitHub](https://img.shields.io/github/license/fullstackhero/blazor-wasm-boilerplate?color=2da44e&style=flat-square)](https://github.com/fullstackhero/blazor-wasm-boilerplate/blob/main/LICENSE)
[![Discord](https://img.shields.io/discord/878181478972928011?color=%237289da&label=Discord&logo=discord&logoColor=%237289da&style=flat-square)](https://discord.gg/yQWpShsKrf)
[![Twitter](https://img.shields.io/twitter/follow/codewithmukesh?color=1DA1F2&label=Twitter&logo=Twitter&style=flat-square)](https://twitter.com/codewithmukesh)

<p align="center">
    <img src="https://codewithmukesh.com/wp-content/uploads/2022/02/fullstackhero-blazor-wasm-banner.png" alt="fullstackhero">
</p>

# Blazor WebAssembly Boilerplate 
Built with .NET 6.0 and the goodness of MudBlazor Component Library. Incorporates the most essential Packages your projects will ever need. Follows Clean Architecture Principles.

## Goals

The goal of this repository is to help developers / companies kickstart their Web Application Development with a pre-built Blazor WebAssembly Boilerplate that includes several much needed components and features.

> Note that this is a frontend / client application only! The backend for this application is available in a seperate repository. 
> - Find fullstackhero's .NET 6 Web API Boilerplate here - https://github.com/fullstackhero/dotnet-webapi-boilerplate

## Prerequisites

- Make sure you have the API Running. Here is FSH Backend - https://github.com/fullstackhero/dotnet-webapi-boilerplate
- Once fullstackhero's .NET 6 Web API is up and running, run the Blazor WebAssembly Project to consume it's services.

## Getting Started

Open up your Command Prompt / Powershell and run the following command to install the solution template.

```powershell
dotnet new --install FullStackHero.BlazorWebAssembly.Boilerplate
```
or, if you want to use a specific version of the boilerplate, use

```powershell
dotnet new --install FullStackHero.BlazorWebAssembly.Boilerplate::0.0.1-rc
```
This would install the `fullstackhero Blazor WebAssembly Boilerplate` template globally on your machine. Do note that, at the time of writing this documentation, the latest available version is **0.0.1-rc** which is also one of the first stable pre-release version of the package. It is highly likely that there is already a newer version available when you are reading this.

> *To get the latest version of the package, visit [nuget.org](https://www.nuget.org/packages/FullStackHero.BlazorWebAssembly.Boilerplate/)*
>
> *FullStackHero.BlazorWebAssembly.Boilerplate is now in pre-release state. You can find the latest version on NuGet.org*

**FullStackHero.BlazorWebAssembly.Boilerplate::0.0.1-rc is compatible only with FullStackHero.WebAPI.Boilerplate::0.0.6-rc and above.**

Get the .NET WebApi Boilerplate by running the following command

```
dotnet new --install FullStackHero.WebAPI.Boilerplate::0.0.6-rc
```

For more details on getting started, [read this article](https://fullstackhero.net/blazor-webassembly-boilerplate/general/getting-started/)

## Community

- Discord [@fullstackhero](https://discord.gg/gdgHRt4mMw)
- Facebook Page [@codewithmukesh](https://facebook.com/codewithmukesh)
- Youtube Channel [@codewithmukesh](https://youtube.com/c/codewithmukesh)

## Contributors

Submit your PR and join the elite list!

<a href="https://github.com/fullstackhero/blazor-wasm-boilerplate/graphs/contributors">
  <img src="https://contrib.rocks/image?repo=fullstackhero/blazor-wasm-boilerplate" />
</a>

## License

This project is licensed with the [MIT license](LICENSE).

## Support :star:

Has this Project helped you learn something New? or Helped you at work?
Here are a few ways by which you can support.

-   Leave a star! :star:
-   Recommend this awesome project to your colleagues. 🥇
-   Do consider endorsing me on LinkedIn for ASP.NET Core - [Connect via LinkedIn](https://codewithmukesh.com/linkedin) 🦸
-   Or, If you want to support this project in the long run, [consider buying me a coffee](https://www.buymeacoffee.com/codewithmukesh)! ☕

<br>
    
<a href="https://www.buymeacoffee.com/codewithmukesh"><img width="250" alt="black-button" src="https://user-images.githubusercontent.com/31455818/138557309-27587d91-7b82-4cab-96bb-90f4f4e600f1.png" ></a>