https://github.com/pdmlab/aspnetrazorpagestemplate
A GitHub template for ASP.NET Core (.NET 6) Razor Pages including TailwindCSS 3
https://github.com/pdmlab/aspnetrazorpagestemplate
asp-net-core dotnet6 razor-pages tailwindcss template-repository
Last synced: 6 months ago
JSON representation
A GitHub template for ASP.NET Core (.NET 6) Razor Pages including TailwindCSS 3
- Host: GitHub
- URL: https://github.com/pdmlab/aspnetrazorpagestemplate
- Owner: PDMLab
- License: mit
- Created: 2022-03-23T16:24:54.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-03-30T07:44:01.000Z (over 3 years ago)
- Last Synced: 2025-03-26T05:41:54.747Z (7 months ago)
- Topics: asp-net-core, dotnet6, razor-pages, tailwindcss, template-repository
- Language: CSS
- Homepage:
- Size: 1.85 MB
- Stars: 8
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# AspNet (Core) Razor Pages Template
This is a GitHub Template for ASP.NET Core Razor Pages using .NET 6.
It contains
* a .NET Solution
* a ASP.NET Core Razor Pages 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/AspNetCoreRazorPages
yarn install
```
#### Development
```
yarn start
```
`tmuxinator` starts a new session with three windows:
##### Workspace
##### App (.NET output)
##### Frontend (tailwind build)
Browse https://localhost:5001
## 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. `AspNetCoreRazorPages` 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/AspNetCoreRazorPages/node_modules/*' -o -path './assets' \) -exec sed -i '' 's|AspNetCoreRazorPages|MyApp|g' {} \;
```
### Rename files and folders
```bash
find . -depth -name "*AspNetCoreRazorPages*" | \
while IFS= read -r ent; do mv $ent ${ent%AspNetCoreRazorPages*}MyApp${ent##*AspNetCoreRazorPages}; done
```