You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Run .NET backend, Razor Pages and Node Vite dev server in parallel:
32
+
```bash
33
+
cd MyApp && dotnet watch
34
+
```
35
+
36
+
**Using tailwind in new Razor Pages:**
37
+
38
+
Terminal 2: `cd MyApp && npm run ui:dev` (Tailwind watch)
41
39
42
40
### Testing
43
41
44
42
**Backend:**
45
43
```bash
46
44
# Run all .NET tests
47
-
dotnet testMyApp.slnx
45
+
cdMyApp.Tests && dotnet test
48
46
```
49
47
50
48
**Frontend:**
@@ -92,7 +90,7 @@ npx okai rm Table.d.ts
92
90
- Hot Module Replacement (HMR) enabled via WebSocket proxying using `MapNotFoundToNode`, `MapViteHmr`, `RunNodeProcess`, `MapFallbackToNode` in [Program.cs](MyApp/Program.cs)
93
91
94
92
**Production Mode:**
95
-
- Angular builds React app to `MyApp.Client/dist/`, which is copied to `MyApp/wwwroot/` when published
93
+
- Angular builds app to `MyApp.Client/dist/`, which is copied to `MyApp/wwwroot/` when published
96
94
- ASP.NET Core serves static files directly from `wwwroot` - no Node.js required
97
95
- Fallback to `index.html` for client-side routing
98
96
@@ -112,13 +110,13 @@ This pattern keeps [Program.cs](MyApp/Program.cs) clean and separates concerns.
112
110
### Project Structure
113
111
114
112
```
115
-
MyApp/ # .NET Backend (hosts both .NET and Vite React)
113
+
MyApp/ # .NET Backend (hosts both .NET and Angular build output)
-`/types/typescript` → ServiceStack .NET API TypeScript DTOs (for dtos.ts)
474
-
- All other routes → React SPA (via fallback in dev/prod)
472
+
- All other routes → Angular SPA (via fallback in dev/prod)
475
473
476
474
### Razor Pages Integration
477
475
478
-
The template includes Razor Pages for Identity UI (`/Identity` routes) that coexist with the React SPA. These use Tailwind CSS compiled from `MyApp/tailwind.input.css` to `MyApp/wwwroot/css/app.css`.
476
+
The template includes Razor Pages for Identity UI (`/Identity` routes) that coexist with the Angular SPA. These use Tailwind CSS compiled from `MyApp/tailwind.input.css` to `MyApp/wwwroot/css/app.css`.
479
477
480
478
### Environment Variables
481
479
@@ -491,7 +489,7 @@ Configured in [Configure.BackgroundJobs.cs](MyApp/Configure.BackgroundJobs.cs) u
491
489
2.**Make backend changes:** Edit C# files in `MyApp.ServiceModel` or `MyApp.ServiceInterface`
492
490
3.**Restart .NET Server**
493
491
4.**Regenerate DTOs:**`cd MyApp.Client && npm run dtos`
494
-
5.**Make frontend changes:** Edit React files in `MyApp.Client/src`
492
+
5.**Make frontend changes:** Edit Angular files in `MyApp.Client/src`
0 commit comments