Merge pull request #140 from syncfusion-content/EXT-177768

UG content modified

Author: GanesanRengasamy

Extension/Blazor-Extension/Visual-Studio-Code/create-project.md

@@ -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).
 

Extension/Blazor-Extension/Visual-Studio-Code/images/Configuration.png

@@ -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.