https://github.com/pdmlab/aspnetcoremvctemplate

A GitHub template for ASP.NET Core (.NET 6) MVC including TailwindCSS 3
https://github.com/pdmlab/aspnetcoremvctemplate

asp-net-mvc aspnet-core-mvc dotnet6 github-template tailwindcss

Last synced: 10 months ago
JSON representation

A GitHub template for ASP.NET Core (.NET 6) MVC including TailwindCSS 3

• Host: GitHub
• URL: https://github.com/pdmlab/aspnetcoremvctemplate
• Owner: PDMLab
• License: mit
• Created: 2022-04-05T12:20:59.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-10-11T12:57:49.000Z (about 2 years ago)
• Last Synced: 2024-04-14T15:49:21.098Z (over 1 year ago)
• Topics: asp-net-mvc, aspnet-core-mvc, dotnet6, github-template, tailwindcss
• Language: CSS
• Homepage:
• Size: 1.85 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# AspNet (Core)  MVC Template

This is a GitHub Template for ASP.NET Core MVC using .NET 6.

It contains

* a .NET Solution

* a ASP.NET Core MVC project

* TailwindCSS 3 including hot reload (JIT)

* tmux/tmuxinator windows / panes for development

## Usage

### Create a new Repository

* Create a new Repository from this Template as described [here](https://docs.github.com/en/repositories/creating-and-managing-repositories/creating-a-repository-from-a-template).

* Clone your new repository locally

### Run the solution

#### First time

```

yarn install

cd src/AspNetCoreMvc

yarn install

```

#### Development

```

yarn start

```

`tmuxinator` starts a new session with three windows:

##### Workspace

![](assets/screenshot_iterm_workspace.png)

##### App (.NET output)

![](assets/screenshot_iterm_app.png)

##### Frontend (tailwind build)

![](assets/screenshot_item_tailwind.png)

Browse https://localhost:5001

![](assets/screenshot.png)

## Known issues

* Not tested on Windows

* JetBrains Rider code completion does not work for TailwindCSS 3 JIT mode in `.cshtml` files [currently](https://youtrack.jetbrains.com/issue/RIDER-58725).

## Renaming solution / project / folders

Of course, you want to rename the projects files to match our needs.

You can use these commands, e.g. `AspNetCoreMvc`  gets renamed to `MyApp`:

### Rename all references inside the files

```bash

LC_ALL=C find . -type f -name '*.*' -not \( -path './node_modules/*' -o -path './src/AspNetCoreMvc/node_modules/*' -o -path './assets' \) -exec sed -i '' 's|AspNetCoreMvc|MyApp|g' {} \;

```

### Rename files and folders

```bash

find . -depth -name "*AspNetCoreMvc*" | \

while IFS= read -r ent; do mv $ent ${ent%AspNetCoreMvc*}MyApp${ent##*AspNetCoreMvc}; done

```