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.
Rapidly develop Blazor Apps
Blazor with ServiceStack gives you the ideal development workflow without compromise. Effortless end-to-end typed APIs without code-gen, 100% Server model reuse, Rich Auto UI Controls with API-bound integrated contextual validation
Everything you need to develop Blazor Apps
ServiceStack’s Blazor templates improves on the standard Blazor development model with a number of compelling features
100% code reuse of Server DTOs enables end-to-end typed APIs, instantly available in Blazor WASM's live reload
Rich UI component library with integrated contextual declarative validation, highly themeable supporting Tailwind UIs
Rapidly developing data-driven APIs, UIs and CRUD Apps with AutoQuery's effortless APIs and Auto UIs
Integrated Markdown support for easy creation of beautiful typography content pages, transparently pre-rendered for great UX & SEO
Create Beautiful, Responsive & Dark Mode Tailwind Blazor Apps with comprehensive commercial & community components
Deploy .NET Containers straight to any Linux Server from GitHub Actions with built in workflows
Create a new Blazor App
Blazor Project Templates
Beautiful, Modern, Productive Blazor Tailwind Templates Learn more
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 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 of Blazor Interactivity downsides.
The blazor-vue template reimplements all features of the blazor template with all its interactive features created with Vue.js and the Vue Components library, with both templates combining the latest advancements in Blazor .NET 8 with Tailwind CSS styling for creating beautiful Responsive Websites with support for Dark Mode.
This video walks through the Blazor Web Assembly Tailwind template - a powerful framework that allows developers to create high-performance web applications using C# and .NET end-to-end in both Server and Client, running directly in the browser via WebAssembly. Integration with ServiceStack.Blazor's Tailwind Components provides a comprehensive set of pre-defined components and CSS styles, enabling developers to create modern and responsive designs with ease.
Optimal Developer Workflow
for Blazor WASM Apps
Learn how to easily create feature-rich Blazor WASM Web Apps with ServiceStack
Blazor WASM Tailwind Template
The feature-rich Blazor WASM Tailwind template us ideal for teams with strong C# skills building Line Of Business (LOB) applications who prefer utilizing Tailwind's modern utility-first CSS design system to create beautiful, instant-loading Blazor WASM Apps.
Beautiful Blazor WASM Apps
Preview the highly productive development model of the new Blazor Tailwind template showing how easy it is to utilize beautifully designed components
Tailwind has quickly become the best modern CSS framework for creating scalable, mobile-first responsive websites built upon a beautiful expert-crafted constraint-based Design System that enables effortless reuse of a growing suite of Free Community and professionally-designed Tailwind UI Component Libraries, invaluable for quickly creating beautiful websites.
Discover ServiceStack.Blazor Rich UI Components and Integrated Features
ServiceStack.Blazor Components Gallery
ServiceStack.Blazor Components gives you the ideal development workflow without compromise. Effortless, highly productive, API integrated Rich Blazor UI Components with 100% Server model reuse and integrated contextual validation
In addition to revolutionizing how we style mobile-first responsive Apps, Tailwind's
Dark Mode does the same for enabling Dark Mode
a feature added throughout all ServiceStack's Tailwind Blazor Components and Project templates.
Beautiful Tailwind Blazor Components
Preview the beautiful Dark Mode support available in ServiceStack.Blazor Components and see how to easily enable support for it in your Apps
Accelerate development of beautiful UX optimized Blazor Apps with Auto Admin pages
Delcarative, Code-First Admin Forms.
Blitz through creating Admin pages with Auto Forms components for creating instant working validation-bound API-enabled forms from just POCO class defintions.
Instant CRUD UIs & APIs with AutoQuery.
For maximum productivity, use POCOs to define the rest of your AutoQuery CRUD APIs and unlock the productive power of AutoQueryGrid's instant UI over AutoQuery's fast APIs.
Using POCOs to define the contracts for the CRUD APIs and Contact Data Model
is all that's required to create full-featured ServiceStack APIs capable of
end-to-end typed API integrations to the
9 most popular languages for creating Web, Mobile and Desktop Apps.
AutoQueryGrid is then able to reuse the rich metadata from the typed API contracts to create a complete management UI to manage the Contact's RDBMS table - enabling an effortless Auto Admin UI.
Universal Blazor API Components
Create reusable, maximally performant universal Blazor API Components
ServiceStack.Blazor Components enable a highly productive and capable platform for rapidly developing a majority of
internal Apps CRUD functionality or to enable a hybrid development model where the management of Back office supporting tables
can be quickly implemented using custom AutoQueryGrid components, freeing up developers to focus a majority of their efforts
where they add the most value - in the optimized customer-facing UI.
We’ve created blazordiffusion.com to best illustrate this potential - a new ServiceStack.Blazor App front-end for Stable Diffusion - a deep learning text-to-image model that can generate quality images from a text prompt. It’s a great example of Hybrid Development where its entire user-facing UI is a bespoke Blazor App optimized for creating and discovering Stable Diffusion generated images, whilst all its supporting admin tasks to manage the back office tables that power the UI were effortlessly implemented with custom AutoQueryGrid components.
Rapidly developrich web apps
Locode lets you rapidly develop beautiful database-powered Web Apps, from an Instant UI around existing database-first RDBMS tables for rapid prototyping, export into declarative code-first development model with unprecedented customizability, on top of industrial strength APIs offering a superior end-to-end typed development model for Web, Mobile & Desktop Apps.
Blazor in the front,
Locode at back
Shorten time to ship by using Blazor WASM to create great looking custom UIs and Locode's Instant UI for managing back office RDBMS tables
Reuse typed APIs in Optimized UIs
AutoQuery's declarative dev model lets you focus on your new App's business requirements where its data model,
API capabilities, input validation & multi-user Auth restrictions can be defined simply using annotated C# POCOs.
This provides immense value at the start of the development cycle where functional prototypes can be quickly iterated to gather business requirements
Once requirements have been solidified, the typed AutoQuery APIs can easily be reused to develop custom UIs to optimize important workflows.
Talent Blazor is a new App showcasing an example of this where its entire back-office functionality can be managed through Locode whilst an optimized Blazor WASM App is created to optimize its unique workflow requirements which also benefits from the superior productive dev model of its Typed APIs
Talent Blazor Locode
Talent Blazor is a Blazor WASM App built around a HR's unique workflow for processing Job Applications
from initial Application, through to Phone Screening and Interviews by multiple employees, capturing
relevant feedback at each application event, with successful Applicants awarded the Job
It's co-developed & deployed with a customized Locode App that manages all other CRUD Database Access