Videos

Blazor Web Apps

Use ServiceStack.Blazor Templates and Components to rapidly develop Blazor Web AppsLearn more

blazortailwindvue

Fast, SEO-friendly, Blazor Static Rendered Apps with Vue

The new Blazor Vue template is ideal for building Fast, SEO-friendly, 100% statically rendered Blazor Web Apps where all its dynamic functionally uses Vue.js and the Vue Components library to progressively enhance Blazor's statically rendered content - eliminating Blazor's current limitations of being able to use Blazor SSR to develop an entire App without any Blazor Interactivity downsides.

blazortailwind

Blazor Tailwind App for .NET 8

ServiceStack's new Blazor project template takes advantage of .NET 8 Blazor's new features that redefines modern Web Development in C# which we explore in this video overview, covering how the template adopts Blazor's familiar ASP.NET Core Identity and Entity Framework for its authentication, utilizes the modern Tailwind CSS framework for beautiful responsive design and adopts .NET's best-practice Docker Containerization support for its built-in GitHub Action Deployments - enabling a simple ready-made CI solution for deployment to any Linux Host via SSH and Docker compose.

blazorcomponentsautoquery

Rapidly Develop Beautiful Apps with Blazor Tailwind Components

The ServiceStack Blazor components for Blazor WASM and Server Rendered Apps are a powerful set of tools that enable developers to quickly and easily create interactive data grids from their AutoQuery services using minimal code.

These components can be styled with Tailwind CSS, enabling creating professional-looking custom applications.

blazoradmin

Create Beautiful UX optimized Blazor Apps with Auto Admin pages

We walk through the process of creating admin screens using ServiceStack Blazor Components by looking at our Blazor Diffusion App as an example which generates AI artworks using Stable Diffusion and curates a gallery of amazing visuals.

With the ServiceStack Blazor Components, we'll show you how to quickly create a powerful and intuitive admin interface for managing the application data, with minimal coding required.

blazorserverwasmcomponents

Universal Blazor API Components for Blazor Server and WASM

We walk through the process of creating universal Blazor API components for Blazor Server and Blazor WASM using the ServiceStack.Blazor library.

We'll show how Developers can create UI components that can be shared between their Blazor applications without worrying about the hosting model used. This allows developers to streamline their development process and reduce the amount of code they need to write, making it easier to build and maintain complex Apps.

blazorautoquery

Creating Beautiful Blazor Apps with Tailwind

We tour the Blazor Web Assembly template that utilizes Tailwind CSS, and show you how to set up hot reload for both during development.

Tailwind CSS is a popular utility-first CSS framework that provides a comprehensive set of pre-defined CSS styles, enabling developers to create modern and responsive designs with ease.

darkmodeblazorcomponents

Beautiful Blazor Tailwind Components with Darkmode

We walkthrough the ServiceStack Blazor Components support for Darkmode. Our Blazor Components provide a suite of powerful, pre-built UI components that are easy to use, customizable, and can be used to build high-performing, responsive web applications.

The components support both Blazor Server and Blazor WASM, and are designed to work seamlessly with ServiceStack's features, providing a simplified and integrated developer experience.

Vue Components

Learn about productive features in our growing Vue Component LibraryLearn more

vueautoquery

Instantly Manage your data using AutoQueryGrid Vue

This walkthrough explores the ServiceStack Vue 3 library and the functionality of the AutoQueryGrid component. The AutoQueryGrid component simplifies the integration of AutoQuery services by generating a customizable UI.

By following this guide, you'll learn how to effectively utilize these tools to enhance your application's user interface and overall user experience.

vueautoquery

Vue 3 Tailwind Components Library

In this video, we demonstrate using the @servicestack/vue components library for Vue.js 3 Multipage Apps (MPAs) along with the vue-mjs template.

The template illustrates building content-heavy or complex sites while avoiding the intricacies of Single Page Apps (SPAs) through the use of JavaScript Modules, Tailwind, Vue.js, Razor Pages, and ServiceStack.

vueautoquery

Build beautiful custom .NET Admin UIs in minutes

In this video we explore the Server Multi Razor Page and Client rendered Admin UI Pages in the latest .NET blazor-vue and razor-vue project templates to see how to use the new SidebarLayout and AutoQueryGrid Vue Tailwind components to build beautiful Admin UI Pages within minutes.

vuerazor

Modern Razor Pages & MVC .NET Tailwind templates

ServiceStack templates provide a wide range of options when it comes to using Razor Pages in your .NET application

These templates come with Tailwind, JS Modules, and Vue components already built-in, making it easy to build hybrid apps containing both Server-Side Rendering (SSR) and static resources