C# Jamstack Projects

Premier SSG & SPA Web App templates delivering the ultimate Dev & end-user UX

Download a new Jamstack UI .NET 8 ServiceStack API project

SSG Templates

Razor SSG
Next.js
Vue SSG
Razor Press

SSR Templates

Blazor
Blazor

SPA Templates

Blazor WASM
Vue Vite

Videos

Jamstack Project Templates

Get Started quickly with your preferred Jamstack project template Learn more

blazor tailwind vue

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 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 new blazor-vue template implements all the features of the blazor template but reimplements all its interactive features with Vue.js to 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.

blazor tailwind

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.

razor-pages ssg tailwind codespaces

Using Razor SSG to Create Websites in GitHub Codespaces

This video takes an in-depth look at the razor-ssg ServiceStack template, a powerful tool that harnesses the power of .NET Razor Pages to provide seamless static site generation (SSG) capabilities

With GitHub Codespaces integration, you can develop, test, and manage your application all within your browser, eliminating the need for a dedicated development environment and expediting your workflow, which can all be done on the go from an iPad

razor-pages ssg tailwind vue

Razor Press for fast and Beautiful Documentation

Razor Press is a Razor Pages and Markdown powered alternative to Ruby's Jekyll & Vue's VitePress that's ideal for generating fast, static content-centric & documentation websites. Inspired by VitePress, it's designed to effortlessly create documentation around content written in Markdown, rendered using C# Razor Pages that's beautifully styled with tailwindcss and @tailwindcss/typography.

Learn how Razor Press aids in the easy creation, and deployment of your statically generated sites that can be hosted for FREE on GitHub Pages CDN.

vue vite jamstack

Ultimate Vue SPA & SSG Jamstack templates for .NET

In this video tutorial, we introduce the vue-ssg template, a powerful combination of Vite, Vue3, and ServiceStack that offers an unparalleled developer experience

This template is specifically designed for .NET developers seeking a seamless and efficient Vue.js setup while employing the Jamstack architecture leveraging capabilities of Vite, Vue & ServiceStack

nextjs react jamstack

Rapidly develop C# .NET Next.js JamStack Apps with Rider

In this comprehensive walkthrough, we will guide you through the ServiceStack Next.js template, which offers an exceptional rapid development cycle when used with JetBrains Rider.

This template is specifically designed for Microsoft .NET developers seeking a seamless and efficient Next.js React setup while employing the better performing Jamstack architecture.

vue

Rapidly develop .NET Vue.js SPA Apps

In this video tutorial, we will guide you through the process of utilizing the vue-spa template, an exceptional project template that combines the power of ServiceStack and Vue.js to create a seamless development experience.

This template is specifically designed to optimize rapid iterative dev cycles, allowing developers to quickly iterate on their frontend and backend changes.

razor-pages mvc tailwind vue

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

Live Demos

Blazor WASM and Server Templates

Learn about Blazor with ServiceStack's ideal development workflow without compromise Learn more

blazor wasm tailwind

Optimal Developer Workflow for Blazor WASM Apps

In this engaging video tutorial, we showcase the power of the ServiceStack Blazor WebAssembly (WASM) template and demonstrate how the combination of typed end-to-end services and Blazor is ideal for building line of business applications.

Blazor WASM is a cutting-edge framework that enables developers to build full-featured, high-performance web applications using C# and .NET, running directly in the browser via WebAssembly.

The template provides a clean separation of concerns, typed end-to-end safety, and rapid iteration, thanks to the shared C# language, Visual Studio Hot Reload, and ServiceStack's message-centric design.

blazor wasm tailwind

Create Beautiful Blazor WASM Tailwind Apps

In this tutorial, we provide a walkthrough of the Blazor Web Assembly template that utilizes Tailwind CSS, and show you how to set up hot reload for both during development. Blazor Web Assembly is a powerful framework that allows developers to create high-performance web applications using C# and .NET, running directly in the browser via WebAssembly.

Tailwind CSS, on the other hand, 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.

blazor tailwind components

RAD Blazor Tailwind Components to Rapidly Develop Beautiful Web Apps

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

With these components, developers can style their Blazor applications with Tailwind CSS, creating professional-looking, custom applications that meet the needs of their users. Whether you are a seasoned developer or just starting, this tutorial will provide valuable insights into the capabilities of the ServiceStack Blazor components, and show you how to leverage their features to create high-performing, intuitive applications.

blazor tailwind darkmode components

Beautiful Tailwind Blazor Components with Darkmode

In this video tutorial, we'll walk through the ServiceStack Blazor Components and their support for Dark Mode. 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 are available for both Blazor Server and Blazor WASM, and are designed to work seamlessly with ServiceStack's message-based design, providing a simplified and intuitive developer experience.

blazor tailwind admin

Create Beautiful UX optimized Blazor Apps with Auto Admin pages

In this video tutorial, we'll walk through the process of creating admin screens using ServiceStack Blazor Components. We'll be using our Blazor Diffusion application as an example, which is a Blazor application that generates AI artworks using Stable Diffusion and curates a gallery of amazing visuals.

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

blazor server tailwind

Create Universal Blazor API Components for Blazor Server and WASM

In this video tutorial, we'll walk through the process of creating universal Blazor API components for Blazor Server and Blazor WASM using the ServiceStack.Blazor library.

By using the ServiceStack.Blazor library, developers can create UI components that can be shared between their Blazor applications without worrying about which hosting model is 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 applications.

blazor wasm litestream

Blazor WASM Litestream Apps - Ultimate Performance & Value combo

In this tutorial, we provide a comprehensive walkthrough of how to deploy your ServiceStack application using the Blazor WASM template with SQLite and Litestream to any Linux server with SSH access, Docker, and docker-compose.

The Blazor WASM template is a powerful tool that allows developers to build high-performance web applications using C# and .NET, running directly in the browser via WebAssembly. By incorporating SQLite and Litestream, developers can ensure data integrity and reduce the risk of data loss in the event of a system failure or other issues.

blazor wasm bootstrap

Blazor WASM Bootstrap template with dynamic user management

In this walkthrough, we will introduce you to the new Blazor WASM Bootstrap template, an exceptional option for development teams with strong C# skills who are building Line of Business (LOB) applications and seeking a superior developer experience.

Blazor WASM is a cutting-edge framework that enables developers to build full-featured, high-performance web applications using C# and .NET, running directly in the browser via WebAssembly. The template comes with illustrative examples of a Bookings CRUD (Create, Read, Update, and Delete) system utilizing ServiceStack AutoQuery, as well as a simple Todo app functionality, allowing you to see how the different components of client-server communication can be effectively put together.

CreatorKit

Open Source self-hosted alternative to Mailchimp and Disqus Learn more

creatorkit mail tailwind

New Mailchimp self-host mail management alternative

In this video we introduce CreatorKit an OSS self-hosting alternative to Mailchimp for managing mailing lists, newsletter subscriptions, email templating, marketing campaigns & more whose tailwind components can be easily integrated into any existing website.

It's an ideal companion for .NET Apps looking to manage their mailinglist and newsletter subscribers in an isolated customizable .NET App with support for creating custom email layouts, templates and mail campaigns.

creatorkit posts tailwind

New Disqus OSS self-host alternative for .NET Websites

In this video we explore how we can use CreatorKit - a self-hosting alternative to Disqus to add comments, voting and moderation to any existing page or blog post.

CreatorKit is especially useful for adding dynamic post comment and voting features to Jamstack and other statically generated websites which can continually be statically pre-rendered and hosted on CDN's whilst its dynamic features are powered by an external CreatorKit instance.

Vue Components

Learn about productive features in our growing Vue Component Library Learn more

vue autoquery

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.

vue autoquery

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.

Blog

Explore the new Blogging Features in Razor SSG

Author Demis Bellot

More from the blog