https://github.com/fuzzypawzz/vue3-mvc

A .NET 8 MVC app using Vue 3 with TypeScript on the Front-End (SSR, no SPA)
https://github.com/fuzzypawzz/vue3-mvc

composition-api csharp dotnet-vue dotnet8 mvc razor typegen typescript vue-ssr vue3

Last synced: 5 months ago
JSON representation

A .NET 8 MVC app using Vue 3 with TypeScript on the Front-End (SSR, no SPA)

Host: GitHub
URL: https://github.com/fuzzypawzz/vue3-mvc
Owner: fuzzypawzz
Created: 2024-06-28T22:34:59.000Z (about 2 years ago)
Default Branch: main
Last Pushed: 2024-07-05T16:00:42.000Z (about 2 years ago)
Last Synced: 2024-12-31T10:41:50.992Z (over 1 year ago)
Topics: composition-api, csharp, dotnet-vue, dotnet8, mvc, razor, typegen, typescript, vue-ssr, vue3
Language: TypeScript
Homepage:
Size: 450 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

README

### Vue 3 inside a .NET MVC application. (SSR, no SPA)

#### Primary files of interest
```sh
/src/main.ts

/Views/Shared/_Layout.cshtml

/Views/Home/Index.cshtml
```

#### Architecture

![Architecture diagram](./vue-mvc.png)

#### Install front-end modules:
```sh
$ npm install
```

#### Run front-end and watch for changes (port 5555)
```
npm run dev
```

#### Run dotnet back-end
```sh
$ dotnet run
```

#### Auto-generate TypeScript models from C# classes
```sh
$ dotnet typegen generate
```

#### Credits
- Jannik Maag (Fuzzypawzz)
- Evgenios Pampoukos (Evgenios95)