React + .NET
Templates
Ultimate .NET 10 React Templates for Vibe Coded UIs
running on robust and scalable .NET backends.
- 01AI Ready
- Start from well-known React templates tuned for rich, data-driven and AI-generated user interfaces.
- 02End-to-end Type Safety
- From C# DTOs in .NET to TypeScript DTOs in React for confident refactors without context switching.
- 03Zero-Ambiguity APIs
- Consistent API integrations eliminates guesswork, giving AI the perfect context to generate accurate implementations.
The Best of Both Worlds
.NET React Templates unite React, Tailwind CSS & TypeScript with ServiceStack's powerful .NET backend - creating the ultimate environment for building sophisticated UIs at lightning speed. Experience true full-stack type safety with APIs that flow seamlessly from C# to TypeScript.
- Perfect FusionSeamless blend of React UIs with Razor Pages & .NET APIs
- Type-Safe End-to-EndShared DTOs between C# and TypeScript.
- AI-FriendlyOptimal React UIs, Zero ambiguity APIs. Maximum AI accuracy.
Seamlessly Integrated
Hot Reload • Typed APIs • AutoQuery
Next.js RSC
The cutting edge of React. Leverage the full uncompromising power of Next.js React Server Components to access .NET APIs directly on the server, reducing bundle size and improving performance.
Architecture
- Server Components
- Hybrid Rendering
- Unified Proxy Architecture
npx create-net next-rsc ProjectName
Jumpstart with Copilot
Instantly scaffold a new App with this template using GitHub Copilot
Create from TemplateNext.js Static
The ultimate solution for public-facing websites. Combines the SEO and performance of Static Site Generation (SSG) with a dynamic .NET API. Ideal for marketing sites, landing pages, blogs, and content-focused sites that benefit from SEO.
Architecture
- Static Export to /dist
- Served by ASP.NET Core Kestrel
- Zero Node.js in Production
npx create-net next-static ProjectName
Jumpstart with Copilot
Instantly scaffold a new App with this template using GitHub Copilot
Create from TemplateReact Static
Minimal foundation for a classic Single Page Application (SPA) statically generated by Vite. Perfect for dashboards, internal tools, admin panels, and highly interactive apps where SEO isn't a priority.
Architecture
- Client-side Routing
- Lightning Fast Vite Dev Server
- Simple Deployment
npx create-net react-static ProjectName
Jumpstart with Copilot
Instantly scaffold a new App with this template using GitHub Copilot
Create from TemplateFull Featured Templates
Full-featured .NET React Templates providing a good reference implementation for integrating several React features including Blog, MDX, Todos and shadcn/ui components alongside .NET features like API Keys, AI Chat & Swagger UI.
Next.js
A comprehensive Next.js template showcasing the full power of integrating React with .NET. Features a complete Blog with MDX, Todos implementation, shadcn/ui components, API Keys management, AI Chat integration, and Swagger UI for API exploration.
Architecture
- Blog with MDX Support
- shadcn/ui Components
- API Keys & AI Chat
- OpenApi & Scalar UI
npx create-net nextjs ProjectName
React SPA
A feature-rich React Single Page Application powered by Vite. Includes Blog functionality, Todos, shadcn/ui components, API Keys management, AI Chat capabilities, and Swagger UI - all integrated with a robust .NET backend.
Architecture
- Blog with MDX Support
- shadcn/ui Components
- API Keys & AI Chat
- OpenApi & Swagger UI
npx create-net react-spa ProjectName
React Component Gallery
@servicestack/react bridges the gap between your backend and frontend, delivering production-grade React applications with minimal code and maximum capability. With API-enabled validation bound forms you can focus on building features, not wiring forms.
AutoQueryGrid
Powerful data grid with built-in querying, filtering, and sorting capabilities.
DataGrid
Flexible data grid component for displaying collections with custom rendering.
Auto Forms
Automatically generated forms from your ServiceStack DTOs with validation.
Form Inputs
Rich collection of form input components with built-in validation and styling.
Alerts
Alert and notification components for displaying messages to users.
Modals
Modal dialogs and slide-over panels for focused user interactions.
Navigation
Navigation components including Tabs, Breadcrumbs, NavList, and Buttons.
Formats
PreviewFormat component for rendering data in different formats like currency, bytes, icons, and links.
FileInput
File upload component with support for single and multiple files, drag & drop, and managed uploads.
TagInput
Tag input component for managing multiple values with autocomplete and validation.
Combobox
Searchable dropdown component with support for objects, key-value pairs, and custom rendering.
Autocomplete
Autocomplete input with single/multiple selection and custom item rendering.
Custom Auto Forms
Learn how to create custom AutoQuery implementations for complex scenarios.
Markdown Editor
Rich markdown editor with toolbar, keyboard shortcuts, and GitHub Flavored Markdown support.
Custom Inputs
Create custom input components that integrate seamlessly with AutoForm.