Skip to content

Commit cbdb999

Browse files
committed
updates
1 parent 7f3c32d commit cbdb999

File tree

4 files changed

+34
-32
lines changed

4 files changed

+34
-32
lines changed

content/docs/benefits.mdx

Lines changed: 18 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ description: Why React + .NET is the optimal stack for AI-assisted development
55

66
# Why React Over Blazor for AI-Generated UIs
77

8-
The future of software development is AI-assisted, and the choice of frontend technology has never been more consequential. While Blazor offers a familiar C# experience for .NET developers, **React is the clear winner for AI-generated user interfaces** where it's the de facto standard for AI-generated Apps from
8+
The future of software development is AI-assisted, and the choice of frontend technology has never been more consequential. While Blazor offers a familiar C# experience for .NET developers, **React is the clear winner for AI-generated user interfaces** where it's the de facto standard for instant AI-generated Apps from
99
[Replit](https://blog.replit.com/react),
1010
[Lovable](https://lovable.dev/blog/best-tailwind-css-component),
1111
[Google's AI Studio](https://aistudio.google.com),
@@ -18,7 +18,7 @@ Large Language Models have been trained on vastly more React code than Blazor. T
1818
- **React**: Millions of open-source projects, decades of Stack Overflow answers, comprehensive documentation
1919
- **Blazor**: A fraction of the training data, newer ecosystem, limited real-world examples
2020

21-
When you ask AI to generate a complex UI component, form, or data visualization, React code is generated with higher accuracy, better patterns, and fewer errors. AI models much larger training set understand React's component model, hooks, and ecosystem libraries at a deep level.
21+
When you ask AI to generate a complex UI component, form, or data visualization, React code is generated with higher accuracy, better patterns, and fewer errors. React's much larger training set results in AI models understanding React's component model, hooks, and ecosystem libraries at a much deeper level.
2222

2323
## Revolutionary Productivity Gains
2424

@@ -27,9 +27,9 @@ AI-assisted development with React delivers transformative productivity:
2727
- **Instant UI Generation**: Describe what you want, get working React components first time
2828
- **Tailwind CSS Fluency**: AI excels at generating Tailwind's encapsulated utility-first CSS that just works
2929
- **TypeScript Integration**: Produces type-safe code, gives AI important context & catches errors at compile time
30-
- **Component Composition**: AI understands React's composable design and generates modular, reusable code
30+
- **Component Composition**: AI understands React's composable design to generate modular, reusable code
3131

32-
This isn't incremental improvement - it's a paradigm shift. Features that took days now take minutes.
32+
This isn't incremental improvement - it's a paradigm shift. Features that took days now takes minutes.
3333

3434
## Instant Feedback with Hot Module Reload
3535

@@ -42,12 +42,12 @@ In AI-first development, **iteration speed is everything**. You prompt, generate
4242

4343
Blazor's reload experience is a different story:
4444

45-
- **Full Page Reloads**: Most changes require complete page refreshes
45+
- **Full Page Reloads**: Many changes require complete page refreshes or full app restarts
4646
- **Slow Compilation**: C# compilation adds seconds to every iteration
47-
- **State Loss**: Component state is lost on reload
47+
- **State Loss**: Component state lost on reload
4848
- **Unreliable Hot Reload**: Blazor's hot reload frequently fails, requiring manual refresh or restart
4949

50-
When you're iterating with AI, waiting 5-10 seconds per change versus instant feedback compounds dramatically. Over a development session, React developers complete **far more iteration cycles** - and iteration is vital for producing accurate, requirements conforming, high quality, polished results.
50+
When you're iterating with AI, waiting 5-10 seconds per change versus instant feedback compounds dramatically. Over a development session, React developers complete **far more iteration cycles** - iteration that is vital for producing accurate, requirements conforming, high quality, polished results.
5151

5252
## The Industry Has Chosen React
5353

@@ -57,8 +57,8 @@ The world's most demanding applications run on React.
5757

5858
The numbers speak for themselves:
5959

60-
- **Meta, Netflix, Airbnb, Discord, Shopify**all React
61-
- **20+ million weekly npm downloads** of React
60+
- **Meta, Netflix, Airbnb, Discord, Shopify** - all React
61+
- **50 million weekly npm downloads** of React
6262
- **Thousands of production-ready component libraries**
6363
- **Decade of battle-tested patterns and best practices**
6464

@@ -93,6 +93,15 @@ React's battle-tested ecosystem, instant iteration, and AI fluency make it the p
9393

9494
While React handles the UI, your backend needs enterprise-grade capabilities. ServiceStack on .NET delivers:
9595

96+
## Robustness & Reliability
97+
98+
Production systems demand reliability:
99+
100+
- **Strong Typing**: Catch errors at compile time, not runtime
101+
- **Comprehensive Validation**: Fluent & Declarative Validation integrated at the core
102+
- **Structured Error Handling**: Consistent error responses across all APIs
103+
- **Audit Logging**: Track every AutoQuery CRUD change with built-in audit trails
104+
96105
## Performance & Scalability
97106

98107
.NET consistently ranks among the fastest web frameworks in [TechEmpower benchmarks](https://www.techempower.com/benchmarks/). ServiceStack adds:
@@ -102,15 +111,6 @@ While React handles the UI, your backend needs enterprise-grade capabilities. Se
102111
- **Built-in Caching**: Redis, Memory, and hybrid caching strategies
103112
- **Horizontal Scaling**: Stateless design enables easy scaling
104113

105-
## Robustness & Reliability
106-
107-
Production systems demand reliability:
108-
109-
- **Strong Typing**: Catch errors at compile time, not runtime
110-
- **Comprehensive Validation**: Fluent Validation integrated at the core
111-
- **Structured Error Handling**: Consistent error responses across all APIs
112-
- **Audit Logging**: Track every change with built-in audit trails
113-
114114
## Concurrency & Threading
115115

116116
.NET's threading model is designed for high-concurrency scenarios:
@@ -220,16 +220,3 @@ When JSON isn't fast enough, ServiceStack's [gRPC support](https://docs.services
220220
- **HTTP/2**: Multiplexed connections, header compression
221221
- **Streaming**: Bi-directional real-time communication
222222
- **Code Generation**: Typed clients from `.proto` definitions
223-
224-
---
225-
226-
# The Vibe Stack Advantage
227-
228-
The combination of AI-fluent React frontend and industrial-strength ServiceStack backend creates a development experience unlike any other:
229-
230-
- **AI generates UIs** with unprecedented accuracy
231-
- **.NET handles the heavy lifting** with enterprise-grade reliability
232-
- **ServiceStack connects everything** with typed APIs for any client
233-
- **One team, one codebase** delivers full-stack applications faster than ever
234-
235-
This is the future of software development. Start building with the Vibe Stack today.

content/docs/templates/index.mdx

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,19 @@
11
---
22
title: Minimal Templates
3-
description: Common features for all templates
3+
description: Ultimate .NET React Templates for Vibe Coded UIs running on robust and scalable .NET backends.
44
---
55

6+
# The Vibe Stack Advantage
7+
8+
The combination of AI-fluent React frontend and industrial-strength ServiceStack backend creates a development experience unlike any other:
9+
10+
- **AI generates UIs** with unprecedented accuracy
11+
- **.NET handles the heavy lifting** with enterprise-grade reliability
12+
- **ServiceStack connects everything** with typed APIs for any client
13+
- **One team, one codebase** delivers full-stack applications faster than ever
14+
15+
This is the future of software development. Unlock unprecedented productivity with Vibe Stack ready templates.
16+
617
## Core Technologies
718

819
### Frontend (Next.js 16 + React 19)

content/docs/templates/nextjs.mdx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@ title: Next.js App
33
description: Full-featured Next.js Static Export Identity Auth Template
44
---
55

6+
These full-featured templates serve as reference implementations for how to implement popular features and integrate them within .NET React Templates.
7+
68
# .NET 10 Full-featured Next.js Static Export Template
79

810
import TemplateIntro from '@/components/template-intro';

content/docs/templates/react-spa.mdx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@ title: React SPA
33
description: Full-featured Vite React SPA with .NET 10 Identity Auth Template
44
---
55

6+
These full-featured templates serve as reference implementations for how to implement popular features and integrate them within .NET React Templates.
7+
68
# .NET 10 Full-featured Vite React SPA Template
79

810
import TemplateIntro from '@/components/template-intro';

0 commit comments

Comments
 (0)