Table of Contents
Here's why: Blazor is an exciting new part of .NET Core (.NET 5) designed for building rich web user interfaces in C#. This course will help developers transition from building basic sample apps to implementing more real world concepts, design patterns, and features.
- You should implement DRY principles to the rest of your life 😄
For years JavaScript frameworks have dominated the front end/client side development! But things are about to change with Blazor!
- How do you scale an existing application?
- How do you architect a mid-large scale project?
- How to correctly process payments?
- Add changes to reflect the changes made
- How to efficiently understand Blazor and use it in real world projects?
help developers transition from building basic sample apps to implementing more real world concepts, design patterns, and features.
This section should list any major frameworks/libraries used to bootstrap your project. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples.
- Real world application using Blazor Web Assembly
- Manage admin features using Blazor Server
- Build .NET 5 API from scratch
- Consume .NET 5 API using Blazor WASM
- Authentication & Authorization in Blazor Server and WASM
- Integrate Stripe Payments in Blazor WASM
- Repository Pattern and Dependency Injection
- Deploying .NET API, Blazor WASM & Server to Azure
This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.
This is an example of how to list things you need to use the software and how to install them.
-
dotnet Villagenix.API.csproj
<PackageReference Include="AutoMapper" Version="10.1.1" /> <PackageReference Include="AutoMapper.Extensions.Microsoft.DependencyInjection" Version="8.1.0" /> <PackageReference Include="Mailjet.Api" Version="1.2.3" /> <PackageReference Include="Microsoft.AspNetCore.Authentication.JwtBearer" Version="6.0.2" /> <PackageReference Include="Microsoft.AspNetCore.Identity.UI" Version="5.0.0" /> <PackageReference Include="Microsoft.AspNetCore.Mvc.NewtonsoftJson" Version="6.0.2" /> <PackageReference Include="Microsoft.EntityFrameworkCore.Design" Version="6.0.2">
-
dotnet Villagenix.Client.csproj
<PackageReference Include="Blazored.LocalStorage" Version="3.0.0" /> <PackageReference Include="Microsoft.AspNetCore.Components.Authorization" Version="5.0.14" /> <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="5.0.0" /> <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="5.0.0" /> <PackageReference Include="Newtonsoft.Json" Version="13.0.1" /> <PackageReference Include="System.Net.Http.Json" Version="5.0.0" />
-
dotnet Villagenix.Server.csproj
<PackageReference Include="AutoMapper" Version="10.1.1" /> <PackageReference Include="AutoMapper.Extensions.Microsoft.DependencyInjection" Version="8.1.0" /> <PackageReference Include="Blazored.TextEditor" Version="1.0.3" /> <PackageReference Include="Microsoft.AspNetCore.Identity" Version="2.2.0" /> <PackageReference Include="Microsoft.AspNetCore.Identity.EntityFrameworkCore" Version="6.0.2" /> <PackageReference Include="Microsoft.AspNetCore.Identity.UI" Version="6.0.2" /> <PackageReference Include="Microsoft.EntityFrameworkCore" Version="6.0.2" /> <PackageReference Include="Microsoft.EntityFrameworkCore.Design" Version="6.0.2"> <PrivateAssets>all</PrivateAssets> <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets> </PackageReference> <PackageReference Include="Microsoft.EntityFrameworkCore.SqlServer" Version="6.0.2" /> <PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="6.0.2"> <PrivateAssets>all</PrivateAssets> <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets> </PackageReference> <PackageReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Design" Version="6.0.2" />
Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services.
- Clone the repo
https://github.com/BerkayKulak/Blazor-Villagenix.git
- Update Nuget packages
dotnet tool update <PACKAGE_ID> -g|--global
- Add Migration
dotnet ef migrations add InitialCreate
- Update Database
dotnet ef database update
To clone and run this application
# Go into the repository API
$ cd \Villagenix\Villagenix.API
# Run the app
$ dotnet run
$ dotnet run --project ./projects/proj1/proj1.csproj
# Go into the repository Server
$ cd \Villagenix\Villagenix.Server
# Run the app
$ dotnet run
$ dotnet run --project ./projects/proj1/proj1.csproj
# Go into the repository Client
$ cd \Villagenix\Villagenix.Client
# Run the app
$ dotnet run
$ dotnet run --project ./projects/proj1/proj1.csproj
If you find a bug (the website couldn't handle the query and / or gave undesired results), kindly open an issue here by including your search query and the expected result.
If you'd like to request a new function, feel free to do so by opening an issue here. Please include sample queries and their corresponding results.
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Distributed under the MIT License. See LICENSE.txt
for more information.
Berkay Kulak - (https://www.linkedin.com/in/berkay-kulak-3442311b1/) - kulakberkay15@gmail.com
Project Link: (https://github.com/BerkayKulak/Blazor-Villagenix)