Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
51 changes: 38 additions & 13 deletions Extension/Blazor-Extension/Visual-Studio-Code/create-project.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,19 +23,44 @@ The instructions below assist you in creating **Syncfusion Blazor Applications**

![TemplateStudioWizard](images/ProjectLocationName.png)

> .NET 6.0 is available from v19.4.0.38 and support from Visual Studio 2022.

> .NET 7.0 is available from v20.4.0.38 and support from Visual Studio 2022.

> .NET 8.0 is available from v23.3.4 and support from Visual Studio 2022.

3. Select either **Next** or the **Project Type** tab. Syncfusion Blazor Project Types will be displayed. Select one of the following Syncfusion Blazor project types:
* Syncfusion Blazor Server App
* Syncfusion Blazor WebAssembly App

You can select ASP.NET Core hosted, Progressive Web Application, or both in the Syncfusion Blazor Web Assembly App project type.

![ProjectType](images/ProjectTypeDetails.png)
N> Refer to the .NET SDK support for Syncfusion Blazor Components [here](https://blazor.syncfusion.com/documentation/system-requirements#net-sdk).

3. Select either **Next** or the **Project Type** tab. Syncfusion Blazor project types will be displayed. Choose one of the following Syncfusion Blazor project types based on the version of the .NET SDK you are using.

| .NET SDK version | Supported Syncfusion Blazor Application Type |
| ------------- | ------------- |
| [.NET 8.0](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) | Syncfusion Blazor Web App |
| [.NET 8.0](https://dotnet.microsoft.com/en-us/download/dotnet/8.0), [.NET 7.0](https://dotnet.microsoft.com/en-us/download/dotnet/7.0), [.NET 6.0](https://dotnet.microsoft.com/en-us/download/dotnet/6.0) | Syncfusion Blazor WebAssembly App |
| [.NET 7.0](https://dotnet.microsoft.com/en-us/download/dotnet/7.0), [.NET 6.0](https://dotnet.microsoft.com/en-us/download/dotnet/6.0) | Syncfusion Blazor Server App |

In the **Syncfusion Blazor Web App** application type, you can configure the following options:

<table>
<tbody>
<tr>
<td>
<a href="https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-8.0#render-modes" rel="nofollow">Interactivity type</a>
</td>
<td>
Server, WebAssembly, Auto (Server and WebAssembly)
</td>
</tr>
<tr>
<td>
<a href="https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-8.0&pivots=windows" rel="nofollow">Interactivity location</a>
</td>
<td>
Global, Per page/component
</td>
</tr>
</tbody>
</table>

![WebAppTemplate](images/WebAppType.png)

In the **Syncfusion Blazor WebAssembly App** application type, you can choose ASP.NET Core hosted, Progressive Web Application, or both.

![ProjectType](images/ProjectTypeDetails.png)

4. The Configuration section will be displayed when you click either **Next** or the **Configuration** tab. Here, you have the option for selecting the required .NET Core version, themes, https configuration, and Blazor Web Assembly project types (ASP.NET Core hosted and Progressive Web Application).

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
36 changes: 36 additions & 0 deletions Extension/Blazor-Extension/Visual-Studio/template-studio.md
Original file line number Diff line number Diff line change
Expand Up @@ -372,6 +372,42 @@ You can select a culture language in combobox at top right on the output page to

### Individual Authentication

#### Blazor Web App

##### Applying Database Migrations and User Registration in the .NET 8.0 Blazor Web App

##### Applying Database Migrations:

In the Blazor Web App, it's essential to apply pending migrations to the database before proceeding with user registration. Choose one of the following options:

**Option 1: Using Visual Studio Package Manager Console**

Navigate to **View -> Other Windows -> Package Manager Console** in Visual Studio.

Run the following command in the Package Manager Console:

```Update-Database```

**Option 2: Using Command Prompt**

Open a command prompt in your project directory and execute the following command:

```dotnet ef database update```

##### User Registration:

1. Launch the application and register by submitting your email address and creating a password.

![Register the WebApp](images/WebAppRegister.png)

2. Confirm your registration by clicking **Click here to confirm your account.**

![Confirming the WebApp registration](images/WebAppRegisterConfirmation.png)

3. Submit your registered email address and password to log in to the application.

![LogIn to the WebApp](images/WebApplogIn.png)

#### Server Application, ASP.NET Core hosted Web Application, and Progressive Web Application with ASP.NET Core hosted

1. For register the application, submit your email address and create a password.
Expand Down